JavaScript如何更新无限嵌套对象数组中所有id为2的对象？

嘿，这个场景我太熟悉了！面对这种无限层级嵌套的对象数组，递归绝对是最优解——毕竟你没法提前知道嵌套有多深，普通循环根本覆盖不到所有层级。下面我给你分两种需求实现，再附上通用的匹配更新方法，你可以直接拿去用：

一、仅更新id=2对象的name属性 #

这个需求比较简单，我们只需要递归遍历每个对象，找到id为2的就修改它的name：

function updateNameById(arr, targetId = 2, newName = "This is a cool object", childKey = "children") {
  arr.forEach(obj => {
    // 先检查当前对象是否匹配
    if (obj.id === targetId) {
      obj.name = newName;
    }
    // 如果有子数组，递归处理
    if (Array.isArray(obj[childKey])) {
      updateNameById(obj[childKey], targetId, newName, childKey);
    }
  });
  return arr;
}

使用示例：

// 你的嵌套数组示例
const nestedArr = [
  { id: 1, name: "Obj1", children: [{ id: 2, name: "Old Name", children: [{ id: 3, name: "Obj3" }] }] },
  { id: 2, name: "Another Old Name" }
];

// 执行更新
updateNameById(nestedArr);
// 现在所有id=2的对象name都变成了指定值

二、直接替换整个id=2的对象 #

如果需要完全替换匹配到的对象（忽略原有内容），只需要把修改name的逻辑换成替换整个对象即可：

function replaceObjectById(arr, targetId = 2, newObj = { id: 2, name: "This is a cool object" }, childKey = "children") {
  arr.forEach((obj, index) => {
    if (obj.id === targetId) {
      // 直接替换数组中的该对象
      arr[index] = newObj;
    } else if (Array.isArray(obj[childKey])) {
      // 递归处理子数组
      replaceObjectById(obj[childKey], targetId, newObj, childKey);
    }
  });
  return arr;
}

注意：这里的替换是完全覆盖，如果你的新对象需要保留原对象的子数组，可以在替换时把原对象的childKey属性合并进去，比如：arr[index] = { ...newObj, [childKey]: obj[childKey] }

三、通用的匹配更新函数 #

如果以后需要更灵活的匹配条件（比如不止匹配id），可以写一个通用版，支持自定义匹配规则和更新逻辑：

function updateNestedObjects(arr, matchFn, updateFn, childKey = "children") {
  arr.forEach((obj, index) => {
    if (matchFn(obj)) {
      // 用自定义更新函数处理对象
      arr[index] = updateFn(obj);
    }
    if (Array.isArray(obj[childKey])) {
      updateNestedObjects(obj[childKey], matchFn, updateFn, childKey);
    }
  });
  return arr;
}

使用示例（实现id=2时替换name）：

updateNestedObjects(
  nestedArr,
  (obj) => obj.id === 2, // 匹配规则：id等于2
  (obj) => ({ ...obj, name: "This is a cool object" }) // 更新规则：保留原对象，修改name
);

为什么用递归而不是循环？ #

因为无限嵌套的结构没有固定的层级，递归可以自动深入每一层，不需要你手动维护遍历的层级栈，代码更简洁直观。如果用循环的话，你需要自己用栈或者队列来模拟递归的过程，反而会增加代码复杂度。

小提示：如果不想修改原数组（避免副作用），可以先对原数组做深拷贝，再传入函数处理。比如用JSON.parse(JSON.stringify(arr))或者专门的深拷贝工具函数。

内容的提问来源于stack exchange，提问作者Jordash