如何优化实现JavaScript嵌套对象中指定key的批量删除

首先你的JSON序列化替换方案完全不可行，原因如下： #

• 语法错误：String.replace() 方法返回新字符串，你没有对 formattedData 重新赋值，修改完全不生效
• 逻辑错误：纯字符串替换会误匹配值内容、部分匹配的key，比如值中存在 details 字符串、存在key为 detailsExt 时都会被错误修改，最终会破坏JSON结构，大概率反序列化直接报错
• 性能差：序列化+反序列化本身的开销远高于直接操作对象，大体积对象下性能差距会被放大

高性能深层删除实现方案 #

核心优化点： #

1. 先把 deleteKeys 转成Set，将key存在性判断的时间复杂度从O(n)降到O(1)，deleteKeys数量越多优化效果越明显
2. 递归遍历处理嵌套结构，同时兼容对象、数组两种嵌套场景
3. 直接操作原对象，无多余序列化/复制开销，性能最优

const deleteKeys = ["details", "fullName"];
// 提前转Set，全局只转一次即可
const deleteKeySet = new Set(deleteKeys);

function deepCleanData(data) {
  // 非对象/数组类型直接返回
  if (typeof data !== 'object' || data === null) return data;

  // 处理数组类型
  if (Array.isArray(data)) {
    data.forEach(item => deepCleanData(item));
    return data;
  }

  // 处理对象类型
  for (const key of Object.keys(data)) {
    if (deleteKeySet.has(key)) {
      delete data[key];
      continue;
    }
    // 递归处理当前key对应的value
    deepCleanData(data[key]);
  }
  return data;
}

// 测试输出结果和你预期的完全一致
console.log(deepCleanData(data));

如果需要不修改原对象的无副作用版本，可以在遍历的时候新建对象/数组返回即可，性能略低于上述可变版本但可避免修改原数据。

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