网站首页 网站建设 IT知识 IT知识教程 JS实现键值对遍历json数组功能示例

JS实现键值对遍历json数组功能示例

2021-05-26 21:20:03

本文实例讲述了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程序设计有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP