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程序设计有所帮助。