本文介绍在原生 JavaScript 中遍历 JSON 对象 Key 和 Value 的多种方法。涵盖无规律数组、有规律数组及单个 JSON 对象的遍历场景,通过 for-in 循环和索引遍历实现数据提取,提供具体代码示例供参考。
JavaScript 遍历 JSON 对象 Key 与 Value 的方法
使用原生 JavaScript 代码来遍历 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;
}
以上关于 JavaScript 遍历 JSON Key 和 Value 的实例分享完毕,希望能为读者提供有益参考,并欢迎继续支持本站内容。