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


Posted in Javascript onMay 30, 2018

本文实例讲述了JS实现键值对遍历json数组功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>3water.com 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>

运行结果如下:

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

Javascript 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
js 幻灯片的实现
Dec 06 Javascript
javascript 树形导航菜单实例代码
Aug 13 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
Webpack实战加载SVG的方法
Dec 26 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
Vue.js 图标选择组件实践详解
Dec 03 Javascript
vue通过数据过滤实现表格合并
Nov 30 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 #Javascript
详解javascript 正则表达式之分组与前瞻匹配
May 30 #Javascript
浅谈如何使用webpack构建多页面应用
May 30 #Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 #Javascript
Angular4 反向代理Details实践
May 30 #Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 #Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 #Javascript
You might like
php socket方式提交的post详解
2008/07/19 PHP
基于php缓存的详解
2013/05/15 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
解决Vue编译时写在style中的路径问题
2017/09/21 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
Python 12306抢火车票脚本
2018/02/07 Python
运行django项目指定IP和端口的方法
2018/05/14 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
python3中for循环踩过的坑记录
2020/12/14 Python
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
十八大闭幕感言
2014/01/22 职场文书
网络教育自我鉴定
2014/02/04 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
个性车贴标语
2014/06/24 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
交流会主持词
2015/07/02 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js