javascript遍历json对象数据的方法

前端APP 投稿 11200 0 评论

javascript遍历json对象数据的方法

最近在修改一个HTML页面的JS的时候遍历JSON对象,却怎么也调试不通过。在获取 json.length的时候总是undefined,各种调试不对,于是网上搜了下,发现JSON对象根本没有length属性,一些比较权威的参考文档也没有提到json有length这个属性。但是奇怪的是我明明记得json有length,而且还用过,程序能够正确运行。

经过一番细细研究,发现在JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面分别说下这两种结构之间的区别和遍历方式。

1.对象

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

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

原生Js遍历json对象的方法


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

2.数组

packJson = [{"name":"sfjvip", "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;

}

编程笔记 » javascript遍历json对象数据的方法

赞同 (48) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽