如何在没有外部库的情况下高效地遍历 JavaScript 中的嵌套 JSON 对象？

使用 JavaScript 导航 JSON 对象层次结构：自定义解决方案

许多开发人员寻求工具来遍历复杂的 JSON 结构，但专用于此任务的库通常看起来有些过分。在本文中，我们将针对这一常见挑战探索定制的 JavaScript 解决方案。

虽然 XML 文档有大量 DOM 遍历技术，但 JSON 解析提出了自己独特的要求。输入以下代码片段：

// Sample JSON object
const o = {
  foo: 'bar',
  arr: [1, 2, 3],
  subo: {
    foo2: 'bar2'
  }
};

// Custom traversal function:
function traverse(obj, callback) {
  for (const key in obj) {
    callback(key, obj[key]);
    if (obj[key] && typeof obj[key] === 'object') {
      traverse(obj[key], callback);
    }
  }
}

此函数采用递归方法，遍历对象树，并为每个属性及其值调用回调函数。回调本身是用户定义逻辑的占位符。

考虑以下示例：

// Callback function:
function process(key, value) {
  console.log(`${key} : ${value}`);
}

// Traverse the object using the custom function:
traverse(o, process);

应用于示例 o 对象时，输出将为：

foo : bar
arr : 1
arr : 2
arr : 3
subo : [object Object]
foo2 : bar2

这种方法消除了外部依赖，并提供了一种轻量级机制来遍历深层 JSON 结构。对于需要手动遍历或优于笨重框架的应用程序来说，它特别有用。

以上是如何在没有外部库的情况下高效地遍历 JavaScript 中的嵌套 JSON 对象？的详细内容。更多信息请关注PHP中文网其他相关文章！