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 相关文章推荐
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
js+canvas简单绘制圆圈的方法
Jan 28 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
Jun 29 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 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
phpmyadmin的#1251问题
2006/11/25 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
php中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
php查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
JS加ASP二级域名转向的代码
2007/05/17 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
Vue中使用better-scroll实现轮播图组件
2020/03/07 Javascript
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
Ubuntu18.04下python版本完美切换的解决方法
2019/06/14 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
python的pstuil模块使用方法总结
2019/07/26 Python
python接口自动化如何封装获取常量的类
2019/12/24 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
Python bisect模块原理及常见实例
2020/06/17 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
关于赌博的检讨书
2014/01/08 职场文书
运动会开幕式主持词
2014/03/28 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书