«

javascript遍历json对象数据的方法

时间:2024-2-16 13:13     作者:韩俊     分类: Javascript


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

经过一番细细研究,发现在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);

}

标签: javascript

热门推荐