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 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
使用JavaScript获取URL中的参数(两种方法)
Nov 16 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
vue2中filter()的实现代码
Jul 09 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
什么时候不能在 Node.js 中使用 Lock Files
Jun 24 Javascript
vue使用element-ui实现表单验证
Dec 13 Vue.js
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 HtmlReplace输入过滤安全函数
2010/07/03 PHP
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
PHP检查文件是否存在,不存在自动创建及读取文件内容操作示例
2020/01/23 PHP
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
JS控制表单提交的方法
2015/07/09 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
js 获取元素所有兄弟节点的实现方法
2016/09/06 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
Python去除字符串两端空格的方法
2015/05/21 Python
Python中Django框架下的staticfiles使用简介
2015/05/30 Python
Python的mysql数据库的更新如何实现
2017/07/31 Python
Python WEB应用部署的实现方法
2019/01/02 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
水务局局长岗位职责
2013/11/28 职场文书
会计专业导师推荐信
2014/03/08 职场文书
公司辞职信模板
2015/05/13 职场文书
Python 如何实现文件自动去重
2021/06/02 Python