克隆 JavaScript 对象时如何排除键列表？ [复制]

Question

我正在开发一个在 Redux 中具有标准化状态的应用程序。我的一个实体是另一个实体的“父”实体，因此当我删除该父实体时，我想删除与该父实体关联的所有子实体。

为了删除单个实体（1个ID），我一直在使用这种模式：

// ../reducers/entity.js
case DELETE_ENTITY: {
    const entityId = action.payload.entityId;
    const {[entityId]: ignore, ...stateWithoutEntity} = state;
    return stateWithoutEntity;
}

对于上下文，上述 sn-p 中的state 的形状如下：

{
    ID_1: {
        //entity 1 value
    },
    ID_2: {
        //entity 2 value
    },
    // etc...
}

是否有类似的模式来删除多个实体（n 个 ID）的列表？

换句话说，是否有一种模式可以在复制 JavaScript 对象的同时排除多个键？

// ../reducers/entity.js
case DELETE_PARENT_ENTITY: {
    const parentId = action.payload.parentId;
    const childrenIdsToRemove = action.payload.children;
    // How do I clone the state while excluding each ID in childrenIdsToRemove?
}

Answer 1

如果您有很多要删除的对象的键，您可以使用Object.entries，然后使用filter，最后使用reduce 来制作最终对象。

下面是一个简单的例子，基本上删除了所有以entity开头的键。

更新，感谢 cmets 改为 fromEntries 而不是 reduce

const x = {
  'entity1': 1,
  'something': 2,
  'entity2': 3,
  'another': 4
}


const y =
  Object.fromEntries(Object.entries(x)
  .filter(([k]) => !/^entity/.test(k)));
  
console.log(y);