JavaScript中如何根据指定键数组批量移除对象数组属性

嘿，你已经实现单个属性移除的思路很赞！现在要批量处理像['match_number','id']这样的键数组，这里有几种简洁且实用的实现方式，你可以根据项目的JS环境和个人偏好来选择：

方法一：map + reduce 过滤属性 #

这种方式逻辑直观，遍历数组里的每个对象时，用reduce来构建只包含需要属性的新对象：

const keysToRemove = ['match_number', 'id'];
const updatedList = list.map(item => 
  Object.keys(item).reduce((resultObj, key) => {
    // 只保留不在移除列表里的属性
    if (!keysToRemove.includes(key)) {
      resultObj[key] = item[key];
    }
    return resultObj;
  }, {}) // 初始化空对象作为累加器
);

方法二：动态解构 + 扩展运算符 #

如果你的项目支持ES2018及以上的语法，可以用这种更简洁的写法——先动态生成要排除的属性集合，再通过解构忽略它们：

const keysToRemove = ['match_number', 'id'];
const updatedList = list.map(item => {
  // 生成一个包含要移除属性的临时对象
  const excludeProps = keysToRemove.reduce((obj, key) => {
    obj[key] = undefined;
    return obj;
  }, {});
  // 解构时排除指定属性，剩余的就是我们需要的
  const { ...remainingProps } = { ...item, ...excludeProps };
  return remainingProps;
});

方法三：Object.fromEntries 极简写法（ES2019+） #

这种方式利用ES2019新增的Object.fromEntries方法，把对象转成键值对数组后过滤，再转回对象，代码非常简洁：

const keysToRemove = ['match_number', 'id'];
const updatedList = list.map(item => 
  Object.fromEntries(
    // 过滤掉要移除的键，再转回对象
    Object.entries(item).filter(([key]) => !keysToRemove.includes(key))
  )
);

小提示： #

上面的三种方法都是返回全新的数组和对象，不会修改原数组和原对象，符合函数式编程的纯函数原则，能避免意外的副作用。如果你的场景允许直接修改原数据，也可以用delete操作符，但一般不推荐这种方式：

const keysToRemove = ['match_number', 'id'];
list.forEach(item => {
  keysToRemove.forEach(key => delete item[key]);
});

这种写法会直接改动原数组里的对象，如果你不需要保留原始数据的话可以用，但建议优先选择返回新数据的方式。

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