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 相关文章推荐
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
将Datatable转化成json发送前台实现思路
Sep 06 Javascript
javascript与cookie 的问题详解
Nov 11 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
js实现简单贪吃蛇游戏
May 15 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
实现vuex原理的示例
Oct 21 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
Nov 04 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
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
php中return的用法实例分析
2015/02/28 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
js实现多选项切换导航菜单的方法
2015/02/06 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
2016/01/26 Javascript
js实现图片切换(动画版)
2016/12/25 Javascript
jQuery树控件zTree使用方法详解(一)
2017/02/28 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
2019/01/19 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
python中的yield使用方法
2014/02/11 Python
python的绘图工具matplotlib使用实例
2014/07/03 Python
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
python获取磁盘号下盘符步骤详解
2019/06/19 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
介绍一下如何优化MySql
2016/12/20 面试题
幼儿教师考核制度
2014/01/25 职场文书
师德个人剖析材料
2014/02/02 职场文书
新文化运动的口号
2014/06/21 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
阳光体育运动标语口号
2015/12/26 职场文书
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技