如何在JavaScript中递归删除对象指定字段并忽略特定对象的该字段

你的问题出在忽略逻辑的判断方向上——原代码是检查id属性的值是否在忽略列表中，但你实际需要的是：当对象是某个被忽略的属性（比如document）的值时，保留该对象内部的id。下面提供两种可行的实现方案：

原生JavaScript修改方案 #

调整递归逻辑，新增一个上下文标记，跟踪当前是否处于需要保留目标字段的对象中：

const removeFieldFromObject = ({ obj, fieldName, ignoreFields = [], isIgnoredContext = false }) => {
  // 非对象/null直接返回
  if (typeof obj !== "object" || obj === null) {
    return obj;
  }

  // 数组处理：递归每个元素
  if (Array.isArray(obj)) {
    return obj.map(item => removeFieldFromObject({
      obj: item,
      fieldName,
      ignoreFields,
      isIgnoredContext
    }));
  }

  // 对象处理：创建新对象避免修改原数据
  const processedObj = { ...obj };
  for (const prop in processedObj) {
    if (processedObj.hasOwnProperty(prop)) {
      // 判断是否进入忽略上下文：当前属性在忽略列表中，或已处于忽略上下文
      const nextIsIgnored = isIgnoredContext || ignoreFields.includes(prop);
      
      // 仅当不在忽略上下文且当前属性是目标字段时，才删除
      if (prop === fieldName && !isIgnoredContext) {
        delete processedObj[prop];
      } else {
        // 递归处理子属性，传递新的上下文标记
        processedObj[prop] = removeFieldFromObject({
          obj: processedObj[prop],
          fieldName,
          ignoreFields,
          isIgnoredContext: nextIsIgnored
        });
      }
    }
  }
  return processedObj;
};

调用方式不变，执行后会保留document对象内的id：

const obj = {
  id:1,
  data:{
    id:2,
    cards:{
      id:123,
      name:"my name",
      document:{
        id:2,
        url:"my url"
      }
    }
  }
}

const formattedObj = removeFieldFromObject({obj, fieldName: "id", ignoreFields: ["document"]})

Lodash实现方案 #

利用Lodash的递归工具函数，更简洁地实现需求：

const _ = require('lodash');

const removeFieldFromObject = (obj, fieldName, ignoreFields) => {
  const recurse = (current, isIgnored) => {
    // 非对象/null直接返回
    if (!_.isObject(current) || _.isNull(current)) return current;
    // 数组处理：递归每个元素
    if (_.isArray(current)) return current.map(item => recurse(item, isIgnored));
    // 对象处理：遍历构建新对象
    return _.reduce(current, (acc, val, key) => {
      const nextIgnored = isIgnored || ignoreFields.includes(key);
      // 仅当不在忽略上下文且当前属性是目标字段时，跳过该属性
      if (!(key === fieldName && !nextIgnored)) {
        acc[key] = recurse(val, nextIgnored);
      }
      return acc;
    }, {});
  };
  return recurse(obj, false);
};

调用示例：

const formattedObj = removeFieldFromObject(obj, "id", ["document"]);

两种方案都会生成如下结果：

{
  data: {
    cards: {
      name: "my name",
      document: {
        id: 2,
        url: "my url"
      }
    }
  }
}

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