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 相关文章推荐
使用jquery给input和textarea设定ie中的focus
May 29 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
详细讲解JavaScript中的this绑定
Oct 10 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
Feb 13 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
Element Steps步骤条的使用方法
Jul 26 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 Javascript
JS如何监听div的resize事件详解
Dec 03 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框架系列文章(6)mysql数据库方法
2016/03/04 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
谈谈impress.js初步理解
2015/09/09 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
2018/09/26 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
Python 中导入csv数据的三种方法
2018/11/01 Python
基于python实现KNN分类算法
2020/04/23 Python
Python GUI编程完整示例
2019/04/04 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
市政管理求职信范文
2014/05/07 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
工作收入证明范本
2015/06/12 职场文书
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS