javascript - 根据值数组中的值删除对象数组中的对象 - Javascript

Question

我正在尝试在 redux 中添加一个 reducer ，根据值数组删除状态中的多个项目。

假设我有数组

const idArray = ["935", "933", "930"];

我想删除具有与 idArray 中的值之一匹配的 id 属性的对象，并返回一个包含剩余值的新数组。

const objectsArray= [
  { 
    name: "Kevin", 
    color: "red", 
    id: "935"
  },
  { 
    name: "Ana", 
    color: "white", 
    id: "815"
  },
  { 
    name: "Maria", 
    color: "silver", 
    id: "035"
  },
  { 
    name: "Victor", 
    color: "red", 
    id: "935"
  },
  { 
    name: "Vanessa", 
    color: "red", 
    id: "933"
  },
]

因此，在这种情况下，我想删除名称为:Kevin、Vanessa 和 Victor 的对象，并返回包含 Ana 和 Maria 的新数组。

这是到目前为止我的 reducer 中的内容:

case PeopleActions.DELETE_PEOPLE:
  if (action.id.length === 1) {
    return state.filter(people =>
      people.id !== action.id[0]
    );
  } else {
    const deletePeople: any = () => {
      for (let i = 0; i < action.id.length; i++) {
        return state.filter(poeple =>
          people.id !== action.id[i]
        );
      }
    };
    return deletePeople;
  }

Answer 1

我推测，由于 objectsArray 被标记为 const，因此重新分配新数组就不再需要，这意味着没有 filter()。

如果您需要就地改变数组，最好的选择可能是简单地向后循环数组并进行拼接:

const idArray = ["935", "933", "930"];

const objectsArray= [{   name: "Kevin",   color: "red",   id: "935"},{   name: "Ana",   color: "white",   id: "815"},{   name: "Maria",   color: "silver",   id: "035"},{   name: "Victor",   color: "red",   id: "935"},{   name: "Vanessa",   color: "red",   id: "933"},]

for (let i = objectsArray.length-1; i >=0 ; i--){
    if(idArray.includes(objectsArray[i].id)){
        objectsArray.splice(i,1);
        }
}

console.log(objectsArray);