JavaScript 遍历 JSON 对象 Key 与 Value 的方法

作者:小括号

时间:2026-10-21

浏览:104

本文介绍在原生 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 的实例分享完毕,希望能为读者提供有益参考,并欢迎继续支持本站内容。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章