在前端开发中，我们常常需要访问和处理复杂的数据结构，例如对象、数组和 JSON。而这些数据结构往往会被嵌套，也就是说它们的属性值可能是另一个对象、数组或 JSON。如何正确地访问和处理这些嵌套的数据结构，是每个前端开发者需要掌握的基本技能。
访问嵌套对象
访问嵌套对象可以使用点号或方括号语法。例如，如果有以下对象：
----- --- - -
----- --------
-------- -
----- ---- ------
-------- -------
-
--要访问 obj 的 name 属性，可以使用点号语法：
---------------------- -- -- -------
要访问 obj 的 address 对象的 city 属性，可以使用连续的点号语法：
------------------------------ -- -- ---- -----
也可以使用方括号语法，将属性名作为字符串传递：
------------------------- -- -- ------- ------------------------------------ -- -- ---- -----
访问嵌套数组
访问嵌套数组同样可以使用方括号语法。例如，如果有以下数组：
----- --- - - --- --- --- -- --- --- --
要访问第一个元素（即 [1, 2]），可以使用方括号语法：
-------------------- -- -- --- --
要访问第二个元素的第三个值（即 5），可以使用连续的方括号语法：
----------------------- -- -- -
访问嵌套JSON
JSON 是 JavaScript 对象的一种表示方法，因此访问嵌套 JSON 的方式与访问嵌套对象类似。例如，如果有以下 JSON 数据：
----- ---- - -
------- ------
------ ---
---------- -
------- ---- ---------
---------- -------
--
---------- -
-------- -------- ------ ----
-------- ---------- ------ ---
-
--要访问 json 的 name 属性，可以使用点号语法：
----------------------- -- -- -----
要访问 json 的 address 对象的 city 属性，可以使用连续的点号语法：
------------------------------- -- -- ---- --------
要访问 json 的 friends 数组的第二个元素的 name 属性，可以使用连续的方括号语法：
---------------------------------------- -- -- ---------
迭代嵌套结构
除了访问嵌套结构外，还需要能够迭代嵌套结构。对于嵌套对象和 JSON，可以使用 for...in 循环：
--- ---- ---- -- ---- - --------------------- --------------- -
对于嵌套数组，可以使用 forEach 方法或 for...of 循环：
-------------------- -- -
------------------------ -- -
---------------------
---
------ ---- ------ -- ---- -
--- ---- ------- -- ------- -
---------------------
-
-总结
在前端开发中，处理嵌套的数据结构是非常常见的任务。掌握正确
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/8080