克隆JavaScript对象时如何排除指定键列表？Redux多实体删除

当然有合适的模式啦！针对你要删除父实体关联的多个子实体的场景，这里有几种简洁且符合Redux纯函数要求的方案，完美延续你现在使用的“不修改原state，返回新对象”的思路：

1. 最简洁的现代方案：Object.fromEntries + filter #

ES2019及以上的环境可以直接用这个组合，代码简洁直观，一步完成过滤和对象重构：

case DELETE_PARENT_ENTITY: {
  const childrenIdsToRemove = action.payload.children;
  // 把原state转成键值对数组，过滤掉要删除的ID，再转回对象
  return Object.fromEntries(
    Object.entries(state).filter(([entityId]) => !childrenIdsToRemove.includes(entityId))
  );
}

这个方法的核心是：

• Object.entries(state) 把你的实体对象转换成 [ID, 实体值] 的数组
• filter 筛掉所有在删除列表里的ID对应的项
• Object.fromEntries 把过滤后的数组重新转回对象格式，完全匹配你原有的state结构

2. 兼容性更好的方案：reduce 构建新对象 #

如果你的项目需要兼容ES2015+的旧环境，用reduce一步步构建新对象是更稳妥的选择，逻辑清晰易懂：

case DELETE_PARENT_ENTITY: {
  const childrenIdsToRemove = action.payload.children;
  return Object.keys(state).reduce((newState, entityId) => {
    // 只保留不在删除列表里的实体
    if (!childrenIdsToRemove.includes(entityId)) {
      newState[entityId] = state[entityId];
    }
    return newState;
  }, {}); // 初始值是一个空对象，用来存放过滤后的实体
}

3. 性能优化方案：用Set提升查找效率 #

如果要删除的子实体数量很多，Array.includes的查找效率是O(n)，换成Set.has（O(1)）能显著提升性能：

case DELETE_PARENT_ENTITY: {
  const childrenIdsSet = new Set(action.payload.children);
  return Object.fromEntries(
    Object.entries(state).filter(([entityId]) => !childrenIdsSet.has(entityId))
  );
}

补充说明 #

这些方案都严格遵循了Redux reducer的纯函数原则：从不修改原state对象，而是返回一个全新的对象。和你之前删除单个实体用的解构赋值思路完全一致，都是在保持状态不可变性的前提下完成操作。

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