js遍历json的key和value的实例

更新时间：2017年01月22日 10:40:16 投稿：jingxian

下面小编就为大家带来一篇js遍历json的key和value的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

原生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;
}

以上这篇js遍历json的key和value的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

js断点调试心得分享(必看篇)
下面小编就为大家分享一篇js断点调试心得，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2017-12-12
jquery 检测元素是否存在的实例代码
这篇文章主要是对jquery检测元素是否存在的实例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
ES6新特性之字符串的扩展实例分析
这篇文章主要介绍了ES6新特性之字符串的扩展,结合实例形式对比分析了ES5与ES6字符串函数以及模板字符串相关操作技巧,需要的朋友可以参考下
2017-04-04
javascript获取当前ip的代码
用js获取当前网卡的ip地址，可以是局域网的。不过一般本地使用的。
2009-05-05
微信小程序实现搜索历史功能
这篇文章主要为大家详细介绍了微信小程序实现搜索历史功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
原生js实现弹出层登录拖拽功能
这篇文章主要为大家详细介绍了使用原生JavaScript实现弹出层登录拖拽功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JS生成和下载二维码的代码
本文给大家分享一段js代码关于生成和下载二维码功能，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-12-12
javascript高级编程之函数表达式递归和闭包函数
这篇文章主要介绍了javascript高级编程之函数表达式递归和闭包函数的相关资料,需要的朋友可以参考下
2015-11-11
浅谈webpack性能榨汁机(打包速度优化)
这篇文章主要介绍了浅谈webpack性能榨汁机(打包速度优化)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01
javascript模仿百万格子小的一小段代码
javascript模仿百万格子小的一小段代码...
2007-08-08