JavaScript对象遍历
一、对象是数组:
var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; //each遍历:
$.each(arr,function (index,value) {
alert(index)
})
//0 1 2 3 4 5 6 7 8 $.each(arr,function (index,value) {
alert(value)
})
//9 8 7 6 5 4 3 2 1 $.each(arr,function () {
alert(this)
})
//9 8 7 6 5 4 3 2 1
//for遍历:
for (var i in arr) { //不推荐for in 遍历数组
console.log(arr[i]);
} //9 8 7 6 5 4 3 2 1
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
} //9 8 7 6 5 4 3 2 1
var arr = [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]; $.each(arr, function(index, obj) {
alert(index); // 0,1,2,3,4
alert(obj); //{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"}...
alert(obj.id); // 1,2,3,4,5
alert(obj.tagName); // apple, orange, banana, watermelon, pineapple
}); $.each(arr, function(index, obj) {
alert("第"+ index +"项的tagName是"+obj.tagName);
});
//第0项的tagName是apple 第1项的tagName是orange..................
二、对象是json:
var json = { "jim": "11", "tom": "12", "lilei": "13" }; //jquery获取
$.each(json , function(key, value) {
alert(key); //jim tom lilei
alert(value); //11 12 13
}); //原生JS获取
for(var i in json){
alert(i); //jim tom lilei
alert(json[i]); //11 12 13
};
三、json是字符串:(解决方案:JSON字符串转换为JavaScript对象。)
var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]'; //用$.parseJSON(json)或者JSON.parse(json)将其转换为JavaScript对象 字符串转json对象
$.each($.parseJSON(json), function(idx, obj) {
alert(obj.tagName); //apple, orange, banana, watermelon, pineapple
});
json的解析方法共有两种:eval() 和 JSON.parse(),使用方法如下:
var jsonData = '{"data1":"Hello", "data2":"world"}'; eval("("+jsonData+")"); //Object {data1: "Hello", data2: "world"}
JSON.parse(jsonData); //Object {data1: "Hello", data2: "world"}
这样就把jsonData这个json格式的字符串转换成了JSON对象。
eval("("+data+")"); //转换为json对象
eval在解析字符串时,会执行该字符串中的代码(这样的后果是相当恶劣的)
var obj= [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]; JSON.stringify(obj) //json对象转字符串 与JSON.parse()相反 "[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]"
JavaScript对象遍历的更多相关文章
- 快速学习javascript对象-遍历对象
为了方便了解每个javascript对象包含的方法,我写一个函数. function GetCollection(obj){ try{ if(obj){ var sType=""; ...
- JavaScript对象遍历属性和值
原文链接:http://caibaojian.com/javascript-object-3.html 加入你输出来一个对象,但是苦于不知道里面有哪些属性和值,这个时候,你可以通过下面的代码来遍历这个 ...
- javascript笔记整理(对象遍历封装继承)
一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);ret ...
- 遍历 JSON JavaScript 对象树中的所有节点
我想要遍历 JSON 对象树中,但为何找不到任何一间图书馆.这似乎是不难,但感觉就像重新发明轮子. 在 XML 中有很多教程演示如何遍历 XML DOM 树:( 解决方法 1: 如果你认为 jQuer ...
- javascript客户端遍历控件与获取父容器对象
javascript客户端遍历控件与获取父容器对象示例代码 1,遍历也面中所有的控件function findControlAll() { var inputs=document. ...
- JavaScript对象---递归遍历对象
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. JavaScript 对象 JavaScript 提供多个内建对象,比如 St ...
- JavaScript中遍历数组和对象的方法
js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处,分析数组和对象各种遍历使用场景,优缺点等 JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3 ...
- 简述JavaScript对象、数组对象与类数组对象
问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...
- 深入理解javascript对象系列第二篇——属性操作
× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对 ...
随机推荐
- Java代码优化六大原则
单一职责 代码优化第一步,单一职责原则 (Single Responsibility Principle).对于一个Java类,应该仅有一个引起它变化的原因,也就是说,一个类中,应该是一组相关性很高的 ...
- neo4j 数据库导入导出
工作中需要将 A 图数据库的数据完全导出,并插入到 B 图数据库中.查找资料,好多都是通过导入,导出 CSV 文件来实现.然而,经过仔细研究发现,导出的节点/关系 都带有 id 属性 ,因为 A B ...
- docker~为什么没人说说.dockerignore
回到目录 最近一直专注于docker的开发之中,而在使用Dockerfile时发现有个问题,当你的发布目录只能是obj\Docker\publish,而指向其它目录dockefile并不认它,只有如何 ...
- Ubuntu14.04设置开机自启动程序
启动应用程序可以帮助我们选择开机启动项.但是在Ubuntu14.04通过Dash输入startup 找不到启动应用程序了,可以通过在控制台输入以下内容: gnome-session-propertie ...
- Java--反射的逐步理解
层层引入反射的作用 一.类类型的概念:所有类都是对象,是Class类的实例对象,这个对象我们成为该类的类类型 1.下面是一个小的test,以产生3种方式的类类型: public class test ...
- 最短路径之Dijkstra算法和Floyd-Warshall算法
最短路径算法 最短路径算法通常用在寻找图中任意两个结点之间的最短路径或者是求全局最短路径,像是包括Dijkstra.A*.Bellman-Ford.SPFA(Bellman-Ford的改进版本).Fl ...
- (转)JAVA排序汇总
JAVA排序汇总 package com.softeem.jbs.lesson4; import java.util.Random; /** * 排序测试类 * * 排序算法的分类如下: * 1.插入 ...
- Spring源码情操陶冶-AbstractApplicationContext#finishRefresh
承接前文Spring源码情操陶冶-AbstractApplicationContext#finishBeanFactoryInitialization 约定web.xml配置的contextClass ...
- Json 工具介绍 fastjson gson jackson
1. fastjson fastjson是一个Java语言编写的高性能功能完善的JSON库.它采用一种“假定有序快速匹配”的算法,把JSON Parse的性能提升到极致, 是目前Java语言中最快的J ...
- pwnable.kr bof之write up
这一题与前两题不同,用到了静态调试工具ida 首先题中给出了源码: #include <stdio.h> #include <string.h> #include <st ...