JSON遍历方式实例总结
本文实例总结了JSON遍历方式。分享给大家供大家参考，具体如下：
第一种：使用for循环
js代码：
functionCyclingJson1(){
vartestJson='[{"name":"小强","age":16},{"name":"小明","age":17}]';
testJson=eval("("+testJson+")");
for(vari=0;i<testJson.length;i++){
alert(testJson[i].name);
}
}
第二种：使用关键字in
js代码：
functionCyclingJson2(){
vartestJson='[{"name":"小强","age":16},{"name":"小明","age":17}]';
testJson=eval("("+testJson+")");
for(variintestJson){
alert(testJson[i].name);
}
}
第三种；使用jquery.each()函数
functionCyclingJson3(){
vartestJson='[{"name":"小强","age":16},{"name":"小明","age":17}]';
testJson=eval("("+testJson+")");
$.each(testJson,function(i,n){
alert(i);//i为索引值
alert(n.name);//n为遍历的值
});
}
综合实例：
<scriptlanguage="javascript"type="text/javascript">
vararray={"a":"abc","b":[1,2,3,4,5,6],"c":3,"d":{"name":"james","age":28},"e":null,"f":true};
vararrayObj={"a":{"name":"kobe","age":34},"b":{"name":"lofo","age":28}};
//遍历array方式1
for(varxinarray){
if(typeofarray[x]=='object'&&array[x]!=null){
for(varyinarray[x]){
alert("key="+y+"value="+array[x][y]);
}
}else{
alert("key="+x+"value="+array[x]);//非arrayobject
}
}
//遍历array方式2
$.each(array,function(k,v){
vara=typeof(v);
//数组与对象为object类型，其他分别是string与number类型
//此时的k代表a、b、c、d，v代表对应的值
if(typeof(v)=="object"){
//获取数组与对象后，再去遍历这个数组与对象
$.each(v,function(k1,v1){
window.alert("key="+k1+"value="+v1);
});
}else{
window.alert("key="+k+"value="+v);
}
});
//遍历arrayObj方式1
for(varxinarrayObj){
for(varkeyinarrayObj[x]){
window.alert("key="+key+"value="+arrayObj[x][key]);
}
}
//遍历arrayObj方式2
$.each(arrayObj,function(key,value){
$.each(value,function(k,v){
window.alert("key="+k+"value="+v);
});
});
//遍历arrayObj方式3
$.each(arrayObj,function(key,value){
window.alert("key="+key+"valueName="+value.name+"valueAge="+value.age);
});
</script>
<scriptlanguage="javascript"type="text/javascript">
varUserList=[
{"UserID":11,"Name":{"FirstName":"Truly","LastName":"Zhu"},"Email":""},
{"UserID":12,"Name":{"FirstName":"Jeffrey","LastName":"Richter"},"Email":""},
{"UserID":13,"Name":{"FirstName":"Scott","LastName":"Gu"},"Email":""}
]
$.each(UserList,function(k,v){
$.each(v,function(k1,v1){
if(typeof(v1)=="object"){
$.each(v1,function(k2,v2){
window.alert("key="+k2+"value="+v2);
});
}else{
window.alert("key="+k1+"value="+v1);
}
});
});
</script>
<scriptlanguage="javascript"type="text/javascript">
varuserArray=[
{"UserID":11,"Name":{"FirstName":"Truly","LastName":"Zhu"},"Email":""},
{"UserID":12,"Name":{"FirstName":"Jeffrey","LastName":"Richter"},"Email":""},
{"UserID":13,"Name":{"FirstName":"Scott","LastName":"Gu"},"Email":""}
];
for(variinuserArray){
for(varkinuserArray[i]){
if(typeofuserArray[i][k]=="object"&&userArray[i][k]!=null){
for(varjinuserArray[i][k]){
window.alert("key="+j+"--value="+userArray[i][k][j]);
}
}else{
window.alert("key="+k+"--value="+userArray[i][k]);
}
}
}
</script>
希望本文所述对大家JavaScript程序设计有所帮助。