• 技术文章 >web前端 >js教程

    JS怎样利用键值遍历json数组

    php中世界最好的语言php中世界最好的语言2018-06-01 09:27:18原创784
    这次给大家带来JS怎样利用键值遍历json数组,JS利用键值遍历json数组的注意事项有哪些,下面就是实战案例,一起来看一下。

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <title>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>

    运行结果如下:

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    怎么使用webpack3.0配置webpack-dev-server

    怎样使用React虚拟DOM

    以上就是JS怎样利用键值遍历json数组的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript json 遍历
    上一篇:d3.js实现自定义多y轴折线图步骤详解 下一篇:有关在vue2.0中路由不显示router-view方法(详细教程)
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 聊聊Angular Route中怎么提前获取数据• 简单了解JavaScript事件的冒泡、委派、绑定和传播• node.js gm是什么• 详细介绍JavaScript中Promise的基本概念及使用方法• webpack是基于node.js的吗
    1/1

    PHP中文网