JavaScript 如何解析多层嵌套的对象数组

在 JavaScript 开发中，处理多层嵌套的对象数组是一项常见但具有挑战性的任务。这种数据结构通常出现在复杂的业务逻辑或从后端获取的复杂数据响应中。掌握有效的解析方法，能显著提高开发效率和代码质量。

对于简单的单层对象数组，我们可以使用 forEach、map、filter 等数组方法轻松遍历和操作。但多层嵌套的情况就复杂得多。

一种常用的方法是递归。递归函数可以深入到对象数组的每一层，对每个元素进行处理。例如，假设有如下多层嵌套的对象数组：

const nestedArray = [
  {
    id: 1,
    children: [
      { id: 11, children: [] },
      { id: 12, children: [ { id: 121, children: [] } ] }
    ]
  },
  {
    id: 2,
    children: [ { id: 21, children: [] } ]
  }
];

我们可以编写如下递归函数来解析它：

function parseNestedArray(arr) {
  arr.forEach((item) => {
    console.log(item.id);
    if (item.children && item.children.length > 0) {
      parseNestedArray(item.children);
    }
  });
}

parseNestedArray(nestedArray);

在这个函数中，首先遍历传入的数组，打印每个对象的 id。如果对象有 children 数组且不为空，就递归调用自身来处理 children 数组。

另一种方法是使用栈（Stack）数据结构。通过将数组元素压入栈中，然后逐个弹出处理，也可以实现多层嵌套对象数组的解析。这种方法在某些情况下可以避免递归可能带来的栈溢出问题。

function parseWithStack(arr) {
  const stack = [...arr];
  while (stack.length > 0) {
    const item = stack.pop();
    console.log(item.id);
    if (item.children && item.children.length > 0) {
      stack.push(...item.children);
    }
  }
}

parseWithStack(nestedArray);

在实际项目中，选择合适的解析方法取决于数据的规模和复杂程度。递归方法代码简洁直观，适用于嵌套层次不太深的数据；而栈方法在处理大规模深层嵌套数据时可能更具优势。掌握这些解析多层嵌套对象数组的技巧，能让开发者在面对复杂数据结构时更加从容，高效地完成数据处理和业务逻辑实现。