JSON（JavaScript Object Notation）是一种常用的数据格式，它广泛应用于前端开发中。在 JavaScript 中可以非常方便地通过遍历 JSON 对象来访问和操作其中的数据。本文将介绍如何使用 JavaScript 遍历 JSON 对象，包括深度优先和广度优先遍历两种方式，并提供相关示例代码和学习指导。
什么是 JSON？
JSON 是一种轻量级的数据交换格式，它基于 JavaScript 的一个子集，采用键值对的方式表示数据。JSON 格式具有易读、易写、易解析、跨语言等特点，因此被广泛应用于前后端数据传输以及配置文件等方面。以下是一个简单的 JSON 对象示例：
{
"name": "张三",
"age": 25,
"city": "北京"
}遍历 JSON 对象
JavaScript 提供了多种遍历 JSON 对象的方式，常用的包括 for...in 循环、forEach() 方法和递归函数等。下面将分别介绍这些方式的使用方法和注意事项。
for...in 循环
for...in 循环是最基本也是最常用的遍历 JSON 对象的方法。它可以枚举对象的所有可枚举属性，包括自身和继承的属性。以下是一个示例代码：
-- -------------------- ---- ------- --- --- - - ------- ----- ------ --- ------- ---- -- --- ---- --- -- ---- - --------------- - -- - - ---------- -
输出结果为：
name: 张三 age: 25 city: 北京
需要注意的是，使用 for...in 循环遍历对象时，不保证属性的顺序，也可能会枚举到原型链上的属性。因此，在实际开发中，应该确保只枚举对象本身的属性，并根据具体需求选择其他遍历方式。
forEach() 方法
forEach() 方法是一种更加简洁和高效的遍历 JSON 对象的方法。它可以直接遍历数组或类数组对象，并对其中的每个元素都执行指定的函数。以下是一个示例代码：
-- -------------------- ---- ------- --- --- - - - ------- ----- ------ -- -- - ------- ----- ------ -- -- - ------- ----- ------ -- - -- -------------------------- ------ - ----------------- - -- - - --------- - -- - - ---------- ---
输出结果为：
0: 张三, 25 1: 李四, 30 2: 王五, 35
需要注意的是，forEach() 方法不能直接遍历普通的 JSON 对象，需要先将其转换成数组或类数组对象才能使用。
递归函数
递归函数是一种比较常用和灵活的遍历 JSON 对象的方法。它可以遍历任意复杂度的 JSON 对象，并对其中的每个属性都执行指定的操作。以下是一个示例代码：
-- -------------------- ---- -------
-------- ------------- -
--- ---- --- -- ---- -
-- ------- -------- --- -------- -- -------- --- ----- -
-------------------
- ---- -
--------------- - -- - - ----------
-
-
-
--- --- - -
------- -----
------ ---
---------- -
------- -----
--------- -----
-
--
--------------输出结果为：
name: 张三 age: 25 city: 北京 street: 朝阳区
需要注意的是，递归函数可能会导致
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30919