JS实现键值对遍历json数组功能示例
更新时间：2018年05月30日 11:27:55 作者：库塔姆斯
这篇文章主要介绍了JS实现键值对遍历json数组功能,结合实例形式分析了javascript遍历json数组相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS实现键值对遍历json数组功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.jb51.net js键值对遍历json数组</title>
</head>
<body>
<script type="text/javascript">
var data = [];
var data = [];
data['上海'] = [{
city:'闵行',
value:'minhang'
},{
city:'浦东',
value:'pudong'
}];
data['四川'] = [{
city:'温江',
value:'wenjiang'
},{
city:'成都',
value:'chengdu'
}];
// 遍历数组
for(var province in data){
for(var i=0;i<data[province].length;i++){
console.log(province + ' - ' + data[province][i].city + ' - ' + data[province][i].value);
}
}
</script>
</body>
</html>
运行结果如下：
PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans
更多关于JavaScript相关内容可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
获取客户端的一些信息，如IP和MAC，以结合身份验证，相信很多人都会这样做吧，我们这里用Javascript，这样做的好处是不需要服务器端进行处理，有客户端自行获取，感兴趣的你可以参考下哈2013-03-03
这篇文章主要介绍了JavaScript执行环境及作用域链,结合实例形式分析了JavaScript执行环境及作用域链的相关概念、功能与使用技巧,需要的朋友可以参考下2018-08-08
本文通过实例代码给大家介绍了js异步上传图片文件的方法，包括html和jquery代码，需要的的朋友参考下吧2017-07-07
本文给大家介绍BootStrap Typeahead自动补全插件的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下2016-08-08
在本篇文章里小编给大家分享的是关于javascript单张多张图无缝滚动实例代码和实例，需要的朋友们可以参考下。2020-05-05
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
这篇文章主要介绍了JavaScript设计模式之工厂模式和抽象工厂模式,结合实例形式分析了工厂模式的功能、定义、相关问题解决方法,并分析抽象工厂模式与工厂模式的不同之处,需要的朋友可以参考下2018-07-07
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
在使用Easyui GridView时，如果要Gridview的宽度和窗口的宽度相同，只需要设置fitColumns: true即可,感兴趣的你不要走开啊，接下来为您详细介绍2013-01-01
这篇文章主要介绍了JS实现控制表格只显示行边框或者只显示列边框的方法,涉及javascript使用表格对象的rules属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
在实际的开发工作过程中，积累了一些常见又超级好用的 Javascript 技巧和代码片段，包括整理的其他大神的 JS 使用技巧，今天筛选了 9 个，以供大家参考2023-04-04
今天小编就为大家分享一篇解决Layui数据表格中checkbox位置不居中的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论