zoukankan      html  css  js  c++  java
  • 【转载】JavaScript遍历json对象数据的方法

    JavaScript遍历json对象数据的方法

     

    JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面分别说下这两种结构之间的区别和遍历方式。

    1.对象

    一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

    packJson = {"name":"phpernote", "password":"111"}

    原生Js遍历json对象的方法

    myJson = {"name": "phpernote", "password": "1111"};
    for (var val in myJson) {
        alert(val + " " + myJson[val]);//输出如:name 
    }

    2.数组

    packJson = [{"name":"phpernote", "password":"111"}, {"name":"tony", "password":"111"}];

    数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

    原生Js遍历json数组的方法

    无规律json数组:

    var json = [{dd: 'SB', AA: '东东', re1: 123}, {cccc: 'dd', lk: '1qw'}];

    for (var i = 0, l = json.length; i < l; i++) {
        for (var key in json[i]) {
            alert(key + ':' + json[i][key]);
        }
    }

    有规律json数组:

    复制代码
    packJson = [
        {"name": "nikita", "password": "1111"},
        {"name": "tony", "password": "2222"}
    ];
    
    for (var p in packJson) {//遍历json数组时,这么写p为索引,0,1
        alert(packJson[p].name + " " + packJson[p].password);
    }
    复制代码

    也可以这样:

    for(var i = 0; i < packJson.length; i++){
    
       alert(packJson[i].name + " " + packJson[i].password);
    
    } 
    本文作者:Love In Winter
    本文链接:https://www.cnblogs.com/LifeDecidesHappiness/p/15573474.html
    版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
    声援博主:如果您觉得文章对您有帮助,可以扫一扫,任意打赏,您的鼓励是博主的最大动力!
    扫一扫,支付宝打赏 扫一扫,微信打赏
  • 相关阅读:
    4.5计算机网络笔记
    3.29计算机网络笔记
    3.22计算机网络笔记
    3.15计算机网络笔记
    用int类型表示最大公倍数
    markdown入门
    learning by doing
    技术博客(初用markdown)。
    物联网PPT智能家居王思齐和陈由钧第10组
    第六次java作业
  • 原文地址:https://www.cnblogs.com/LifeDecidesHappiness/p/15573474.html
Copyright © 2011-2022 走看看