如何使用擴展運算符使用擴展運算符使用反應從對象數組中刪除 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);