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 相关文章推荐
Prototype使用指南之selector.js说明
Oct 26 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
JS排序之快速排序详解
Apr 08 Javascript
vue实现分页组件
Jun 16 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 Javascript
vue设置一开始进入的页面教程
Oct 28 Javascript
用JS实现一个简单的打砖块游戏
Dec 11 Javascript
javascript实现拖拽碰撞检测
Mar 12 Javascript
vue路由实现登录拦截
Mar 24 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
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
php cookie 详解使用实例
2016/11/03 PHP
IE/FireFox具备兼容性的拖动代码
2007/08/13 Javascript
js 数组克隆方法 小结
2010/03/20 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
2013/06/03 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
2017/10/24 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
[03:03]2014DOTA2国际邀请赛 EG战队专访
2014/07/12 DOTA
[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局
2016/02/27 DOTA
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
python里对list中的整数求平均并排序
2014/09/12 Python
Python随机读取文件实现实例
2017/05/25 Python
Python 经典面试题 21 道【不可错过】
2018/09/21 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
致铅球运动员广播稿精选
2014/01/12 职场文书
学校后勤岗位职责
2014/02/19 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
民事和解协议书格式
2014/11/29 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
学生会辞职信
2015/03/02 职场文书
通讯稿格式及范文
2015/07/22 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android