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 相关文章推荐
PNG背景在不同浏览器下的应用
Jun 22 Javascript
一些相见恨晚的 JavaScript 技巧
Apr 25 Javascript
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
js判断手机号是否正确并返回的实现代码
Jan 17 Javascript
node文件上传功能简易实现代码
Jun 16 Javascript
swiper 解决动态加载数据滑动失效的问题
Feb 26 Javascript
小程序组件之仿微信通讯录的实现代码
Sep 12 Javascript
jQuery实现滑动开关效果
Aug 02 jQuery
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+MySQL修改记录的方法
2015/01/21 PHP
PHP中的session安全吗?
2016/01/22 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
php微信开发之谷歌测距
2018/06/14 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
google地图的路线实现代码
2009/08/20 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
2015/08/24 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
基于 Node.js 实现前后端分离
2016/04/23 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
解决layer 动态加载select 失效的问题
2019/09/18 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
python实现绘制树枝简单示例
2014/07/24 Python
python实现给字典添加条目的方法
2014/09/25 Python
python基础学习之如何对元组各个元素进行命名详解
2018/07/12 Python
浅谈Python的list中的选取范围
2018/11/12 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
运动会通讯稿500字
2014/02/20 职场文书
物业保安员岗位职责
2014/03/14 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
2014年维稳工作总结
2014/11/18 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
教师培训学习心得体会
2016/01/21 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python