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

作者:半夏

时间:2026-10-27

浏览:578

本文总结了JavaScript中JSON数据的两种常见结构:对象嵌套对象与对象数组。通过具体代码示例,详细演示了如何获取JSON对象的键值、访问嵌套对象属性,以及如何遍历JSON数组并提取其中的链接与名称字段。内容涵盖基础语法与常见操作场景,适合初学者快速掌握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这样的数值。



================================================

JSON数组的遍历与元素提取

另一种情况的代码如下:

 
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可以获取每个链接对应的名称。



================================================

JSON对象包含数组结构的取值方法

第三种情况的代码如下:

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

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



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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章