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 相关文章推荐
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
判断iframe是否加载完成的完美方法
Jan 07 Javascript
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
Nov 04 Javascript
JQuery实现图片轮播效果
May 08 jQuery
浅谈Vue 初始化性能优化
Aug 31 Javascript
微信小程序滑动选择器的实现代码
Aug 10 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
Aug 20 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版
2006/10/09 PHP
用来给图片加水印的PHP类
2008/04/09 PHP
用PHP读取RSS feed的代码
2008/08/01 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
php把数组值转换成键的方法
2015/07/13 PHP
Javascript UrlDecode函数代码
2010/01/09 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
js实现选中复选框文字变色的方法
2015/08/14 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
微信小程序实现图片预加载组件
2017/01/18 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
JavaScript实现简单轮播图效果
2018/12/01 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
详解Python3网络爬虫(二):利用urllib.urlopen向有道翻译发送数据获得翻译结果
2019/05/07 Python
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
2019/05/27 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
事业单位辞职信范文
2014/01/19 职场文书
学习十八大报告感言
2014/02/28 职场文书
幼儿园元旦活动感言
2014/03/02 职场文书
标准版离职证明书
2014/09/12 职场文书
董事长新年致辞
2015/07/29 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
教你用Python+selenium搭建自动化测试环境
2021/06/18 Python