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修改css样式style浅谈
May 06 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 Javascript
BootStrap 模态框实现刷新网页并关闭功能
Jan 04 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 Javascript
基于JavaScript实现单例模式
Oct 30 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 和 MYSQL
2006/10/09 PHP
php定时删除文件夹下文件(清理缓存文件)
2013/01/23 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
PHP使用 Pear 进行安装和卸载包的方法详解
2019/07/08 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
js库Modernizr的介绍和使用
2015/05/07 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
Python实现的数据结构与算法之队列详解
2015/04/22 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
详解用python生成随机数的几种方法
2019/08/04 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
python装饰器代码深入讲解
2021/03/01 Python
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
加拿大户外探险购物网站:SAIL
2020/06/27 全球购物
安全标准化汇报材料
2014/02/03 职场文书
教师个人剖析材料
2014/02/05 职场文书
书香校园活动方案
2014/02/28 职场文书
手机银行营销方案
2014/03/14 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
股权投资协议书
2016/03/23 职场文书
2019财务转正述职报告
2019/06/27 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
使用python如何删除同一文件夹下相似的图片
2021/05/07 Python
python 网络编程要点总结
2021/06/18 Python