访问/进程(嵌套)对象、数组或JSON

在前端开发中,我们常常需要访问和处理复杂的数据结构,例如对象、数组和 JSON。而这些数据结构往往会被嵌套,也就是说它们的属性值可能是另一个对象、数组或 JSON。如何正确地访问和处理这些嵌套的数据结构,是每个前端开发者需要掌握的基本技能。

访问嵌套对象

访问嵌套对象可以使用点号或方括号语法。例如,如果有以下对象:

----- --- - -
  ----- --------
  -------- - 
    ----- ---- ------
    -------- -------
  -
--

要访问 objname 属性,可以使用点号语法:

---------------------- -- -- -------

要访问 objaddress 对象的 city 属性,可以使用连续的点号语法:

------------------------------ -- -- ---- -----

也可以使用方括号语法,将属性名作为字符串传递:

------------------------- -- -- -------
------------------------------------ -- -- ---- -----

访问嵌套数组

访问嵌套数组同样可以使用方括号语法。例如,如果有以下数组:

----- --- - -
  --- ---
  --- -- ---
  ---
--

要访问第一个元素(即 [1, 2]),可以使用方括号语法:

-------------------- -- -- --- --

要访问第二个元素的第三个值(即 5),可以使用连续的方括号语法:

----------------------- -- -- -

访问嵌套JSON

JSON 是 JavaScript 对象的一种表示方法,因此访问嵌套 JSON 的方式与访问嵌套对象类似。例如,如果有以下 JSON 数据:

----- ---- - -
  ------- ------
  ------ ---
  ---------- -
    ------- ---- ---------
    ---------- -------
  --
  ---------- -
    -------- -------- ------ ----
    -------- ---------- ------ ---
  -
--

要访问 jsonname 属性,可以使用点号语法:

----------------------- -- -- -----

要访问 jsonaddress 对象的 city 属性,可以使用连续的点号语法:

------------------------------- -- -- ---- --------

要访问 jsonfriends 数组的第二个元素的 name 属性,可以使用连续的方括号语法:

---------------------------------------- -- -- ---------

迭代嵌套结构

除了访问嵌套结构外,还需要能够迭代嵌套结构。对于嵌套对象和 JSON,可以使用 for...in 循环:

--- ---- ---- -- ---- -
  --------------------- ---------------
-

对于嵌套数组,可以使用 forEach 方法或 for...of 循环:

-------------------- -- -
  ------------------------ -- -
    ---------------------
  ---
---
--- ---- ------ -- ---- -
  --- ---- ------- -- ------- -
    ---------------------
  -
-

总结

在前端开发中,处理嵌套的数据结构是非常常见的任务。掌握正确

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/8080


猜你喜欢