JavaScript JSON对象与数组的遍历及属性访问详解

JSON对象嵌套结构的属性访问

本文对JSON在JavaScript中的使用进行了总结。

 
var json = { "100_3322.JPG": { "name": "小张", "height": 175 },
"100_3396.JPG": { "name": "小王", "height": 165 },
"100_3444.JPG": { "name": "貂蝉", "height": 185 }, "100_3543.JPG": { "name": "西施", "height": 190 }
}; 

通过key可以获取到类似100——3322.JPG这样的键名。

通过key.name可以获取到如小张这样的名称值。

通过key.height可以获取到如175这样的数值。

 
var json = [{ "name": "baidu", "href": "http://www.baidu.com" }, { "name": "cnbeta", "href": "http://www.cnbeta.com" }, { "name": "cnblogs", "href": "http://www.cnblogs.com"}];

在遍历该数据结构时可以使用以下方法。

通过json[i].href可以获取每个链接的具体值。

通过json[i].name可以获取每个链接对应的名称。

 
var json = { "河北省": ["石家庄", "邯郸", "保定"],
"河南省": ["郑州", "洛阳", "安阳"],
"山东省": ["济南", "青岛", "德州"]
} 

通过key可以获取到如河北省这样的省份名称。

通过json[key]可以获取到该省份下的数组内容，例如["石家庄", "邯郸", "保定"]。