从数组中删除基于数组的值[重复]项

Question

我似乎找不到解决这个问题的方法，你如何从基于数组的值的数组中删除项？就像你移除一个一样？

const [items, setItems] = useState([
  {id: 1, name: "foo"},
  {id: 2, name: "bar"},
  {id: 3, name: "baz"}
])

我需要删除一些ids：

const idsToRemove = [1,3]

// I thought I'd loop
idsToRemove.map(i => items.filter(item => item.id !== i))

这将返回一个数组，但感觉有些不对劲。若要删除一个项目，那个就可以了，但通过ID数组从数组中删除项目，我不知道从哪里开始。

在循环中，我试图使用删除，但un定义在数组中：[un定义]：

idsToRemove.map(i => items.map(item => delete item.id === i))

到目前为止，React表示在循环期间无法更新状态。基于idsToRemove，如何使一个项目处于状态？

Answer 1

const items = [
  {id: 1, name: "foo"},
  {id: 2, name: "bar"},
  {id: 3, name: "baz"}
];

const idsToRemove = [1, 3];

console.log(
  items.filter(({ id }) => !idsToRemove.includes(id))
);

Answer 2

您可以将过滤器与包含一起使用。

items = items.filter(({id})=>!idsToRemove.includes(id));

let items = [
  {id: 1, name: "foo"},
  {id: 2, name: "bar"},
  {id: 3, name: "baz"}
];
const idsToRemove = [1,3]
items = items.filter(({id})=>!idsToRemove.includes(id));
console.log(items);

Answer 3

你需要把filter调用放在外面：

items.filter(item => !idsToRemove.includes(item.id))