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 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
DOM精简教程
Oct 03 Javascript
js倒计时小程序
Nov 05 Javascript
页面按钮禁用与解除禁用的方法
Feb 19 Javascript
js的image onload事件使用遇到的问题
Jul 15 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
使用 node.js 模仿 Apache 小部分功能
Jul 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
数据库相关问题
2006/10/09 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
JavaScript DOM进阶方法
2015/04/13 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
bootstrap datepicker限定可选时间范围实现方法
2016/09/28 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
HTML的select控件美化
2017/03/27 Javascript
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
浅析Vue中method与computed的区别
2018/03/06 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
对tensorflow 的模型保存和调用实例讲解
2018/07/28 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
高中数学教学反思
2014/01/30 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
健康状况证明书
2014/11/26 职场文书
公务员考察材料范文
2014/12/23 职场文书
小学安全工作总结2015
2015/05/18 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏