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 相关文章推荐
推荐10个超棒的jQuery工具提示插件
Oct 11 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
微信开发 JS-SDK 6.0.2 经常遇到问题总结
Dec 08 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
May 02 Javascript
使用JavaScript进行表单校验功能
Aug 01 Javascript
深入浅析JSONAPI在PHP中的应用
Dec 24 Javascript
详解Vue单元测试case写法
May 24 Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 Javascript
这样回答继承可能面试官更满意
Dec 10 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
如何用threejs实现实时多边形折射
May 07 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 作用域解析运算符(::)
2010/07/27 PHP
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
PHP中ltrim()函数的用法与实例讲解
2019/03/28 PHP
点击页面其它地方隐藏该div的两种思路
2013/11/18 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
js与jquery分别实现tab标签页功能的方法
2016/11/18 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
python新手经常遇到的17个错误分析
2014/07/30 Python
Django返回json数据用法示例
2016/09/18 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
pandas计数 value_counts()的使用
2019/06/24 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
Python实现检测文件的MD5值来查找重复文件案例
2020/03/12 Python
python中封包建立过程实例
2021/02/18 Python
The Kooples美国官方网站:为情侣提供的法国当代时尚品牌
2019/01/03 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
宝宝满月酒主持词和仪式流程
2014/03/27 职场文书
关于安全的广播稿
2014/10/23 职场文书
辩论会主持词
2015/07/03 职场文书
Redis数据结构之链表与字典的使用
2021/05/11 Redis
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android