原生js遍历json对象
遍历json对象：
无规律：
<script>
var json = [
{dd:'SB',AA:'东东',re1:123},
{cccc:'dd',lk:'1qw'}
];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
</script>
有规律：
packJson = [
{"name":"nikita", "password":"1111"},
{"name":"tony", "password":"2222"}
];
for(var p in packJson){//遍历json数组时，这么写p为索引，0,1
alert(packJson[p].name + " " + packJson[p].password);
}
也可以用这个：
for(var i = 0; i < packJson.length; i++){
alert(packJson[i].name + " " + packJson[i].password);
}
遍历json对象
myJson = {"name":"caibaojian", "password":"1111"};
for(var p in myJson){//遍历json对象的每个key/value对,p为key
alert(p + " " + myJson[p]);
}
有如下 json对象：
var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};
遍历方法：
for(var p in obj){
str = str+obj[p]+',';
return str;
}
数组对象的遍历：
<script>
var obj =[
{"name":"冯娟1","password":"123456","department":"技术部","sex":"女","old":30},
{"name":"冯娟2","password":"123456","department":"技术部","sex":"女","old":30},
{"name":"冯娟3","password":"123456","department":"技术部","sex":"女","old":30},
{"name":"冯娟4","password":"123456","department":"技术部","sex":"女","old":30},
{"name":"冯娟5","password":"123456","department":"技术部","sex":"女","old":30}
];
for(var p in obj){//遍历json对象的每个key/value对,p为key
console.log(obj[p].name);
}
</script>
下面我们对照一下js和jquer的遍历方法：
<script>
var json = [
{"id":"a","tagNam3e":"apple"},
{"id":"b","tag4Name":"orange"},
{"id":"c","tagName":"banana"},
{"id":"d","tagName":"watermelon"},
{"id":"e","tagName":"pineapple"}
];
$.each(json, function(i, obj) {
console.log(obj.id)
});
for(v in json){
console.log(json[v].id)
}
</script>
