如何对对象树中指定属性的所有实例应用通用函数？

当然有成熟的方案来搞定这个需求！这本质上就是深度遍历嵌套对象/数组树的经典场景，我们可以通过递归函数实现，不管对象结构有多深，甚至包含数组元素都能完美覆盖。

核心思路 #

• 区分对象与数组: 数组的元素可能是任意类型（对象、数组、原始值），所以要单独处理，遍历每个元素递归操作。
• 递归遍历所有层级: 对于对象，遍历每个键值对；遇到嵌套的对象或数组时，继续深入递归。
• 匹配目标Key并执行修改: 当遍历到目标Key时，对其对应的值应用你指定的通用函数；非目标Key则继续递归处理其值。

实现代码示例（JavaScript） #

下面是一个通用的实现，支持对象、数组，还能处理循环引用避免栈溢出：

function traverseAndModify(targetKey, modifyFn, data, visited = new WeakSet()) {
  // 处理循环引用：避免重复遍历同一对象导致栈溢出
  if (typeof data === 'object' && data !== null) {
    if (visited.has(data)) return data;
    visited.add(data);
  }

  // 处理数组：遍历每个元素递归修改
  if (Array.isArray(data)) {
    const modifiedArray = data.map(item => 
      traverseAndModify(targetKey, modifyFn, item, visited)
    );
    visited.delete(data);
    return modifiedArray;
  }

  // 处理普通对象：遍历每个键值对
  if (typeof data === 'object' && data !== null) {
    const modifiedObj = {...data}; // 浅拷贝原对象，避免直接修改原数据（可选，按需调整）
    for (const key in modifiedObj) {
      // 匹配到目标Key时，应用修改函数
      if (key === targetKey) {
        modifiedObj[key] = modifyFn(modifiedObj[key]);
      }
      // 递归处理嵌套的对象/数组
      modifiedObj[key] = traverseAndModify(targetKey, modifyFn, modifiedObj[key], visited);
    }
    visited.delete(data);
    return modifiedObj;
  }

  // 原始值（字符串、数字、布尔等）直接返回
  return data;
}

使用示例 #

针对你给出的示例对象，我们来演示如何修改所有id属性：

// 你的示例对象
const sampleData = { 
  "a": "foo", 
  "b": "bar", 
  "c": { "id": { "a": "foo" }, "b": "whatever" }, 
  "id": { "a": "foo" },
  "d": [1, { "id": "test" }, 3] // 加入数组测试场景
};

// 定义你的通用修改函数：比如给id的内容加个后缀
const modifyIdValue = (value) => {
  if (typeof value === 'object' && value !== null) {
    // 如果id的值是对象，修改其a属性
    return {...value, a: `${value.a}_updated`};
  }
  // 如果是原始值，直接拼接后缀
  return `${value}_updated`;
};

// 执行修改
const modifiedData = traverseAndModify('id', modifyIdValue, sampleData);
console.log(modifiedData);

执行后，所有id属性的值都会被modifyIdValue函数处理，包括嵌套在对象和数组里的实例。

关键注意事项 #

1. 是否修改原对象: 上面的代码用了浅拷贝{...data}来生成新对象，不会修改原数据。如果需要直接修改原对象，去掉拷贝步骤，直接操作data即可。
2. 特殊对象处理: 对于Date、RegExp这类特殊对象，默认会被当成普通对象遍历。如果不需要处理它们，可以在函数开头加判断跳过（比如if (data instanceof Date) return data;）。
3. WeakSet的作用: 用WeakSet跟踪已遍历的对象，既可以避免循环引用导致的栈溢出，又不会造成内存泄漏（因为WeakSet不会阻止垃圾回收）。

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