如何使用扩展运算符使用扩展运算符使用反应从对象数组中删除 object？

Question

我想使用扩展运算符从对象数组中删除 object。

我有一个对象数组，如下所示，

const list= [ 
    {
        id: '1',
        name: 'first_item',
    },
    {
        id: '2',
        name: 'second_item',
    },
]

我可以添加另一个 object 说“next_item”，如下所示

const next_item = {
    id: '3',
    name: 'next',
}


const final = [...list, next_item]

同样，我如何从列表中删除 delete_item

const delete_item = {
    id: '2',
    name: 'second_item',
},

有人可以帮我解决这个问题。 谢谢。

Answer 1

您可以使用过滤器

list = list.filter(item => {
return item.id !=2;
})

或者可以使用 function，如下所示

const removeFromList = (list, itemId) => {
    return list.filter(item => {
      return item.id != itemId;
    });
}

Answer 2

传播运算符没有这样的东西，但如果你仍然想强制，这里你 go

 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);