如何使用展开运算符从对象数组中删除对象 使用扩展运算符 使用react？

Question

我想使用展开运算符从对象数组中删除对象。我有一个如下对象数组，const list= [     {        id: '1',        name: 'first_item',    },    {        id: '2',        name: 'second_item',    },]我可以添加另一个对象说“next_item”，如下所示const next_item = {    id: '3',    name: 'next',}const final = [...list, next_item]相似如何从列表中删除delete_itemconst delete_item = {    id: '2',    name: 'second_item',},有人可以帮我这个。谢谢。

Answer 1

传播运算符没有这样的事情，但是如果您仍然想强制，请点击此处

var arrayObj = [1,2,3,4,5,6]

const index = arrayObj.findIndex(elm => elm === 5)

const removed = [...arrayObj.slice(0,index) , 

                ...arrayObj.slice(index+1,arrayObj.length)]

console.log(removed)

但是像这样使用它没有任何好处

您可以使用一些解构功能，如下所示：

var arrayObj = [1,2,3,4,5,6,7];

var [first , second , ...rest ] = arrayObj;

console.log(first , second , rest);

Answer 2

您可以使用过滤器

list = list.filter(item => {

return item.id !=2;

})

或者可以使用如下函数

const removeFromList = (list, itemId) => {

    return list.filter(item => {

      return item.id != itemId;

    });

}