首頁 >web前端 >js教程 >如何從 JavaScript 陣列中刪除物件?

如何從 JavaScript 陣列中刪除物件?

DDD
DDD原創
2024-11-20 14:25:18555瀏覽

How Can I Remove Objects from a JavaScript Array?

在 JavaScript 中從陣列中刪除物件

在 JavaScript 中,有多種方法可以從陣列中刪除物件。讓我們來探索不同的方法:

1。 Array.shift() 和 Array.pop():

  • Array.shift():從陣列中刪除第一個元素。
  • Array.pop():從陣列中刪除最後一個元素。

2. Array.splice():

  • Array.splice(index, numElementsToRemove):刪除從指定索引開始一直到numElementsToRemove元素。

3。 Array.slice():

  • Array.slice(startIndex, endIndex):建立一個包含從 startIndex(包含)到 endIndex(不包含)元素的新陣列。

4。 Array.filter() 和 Array.findIndex():

  • Array.filter(callbackFunction):建立一個新數組,其中包含透過回呼函數中指定的條件的元素。
  • findIndex:傳回第一個滿足callbackFunction中指定條件的元素的索引。然後可以將該索引用作 Array.splice() 的參數。

範例:

從名稱中刪除名為「Kristian」的物件提供的陣列:

  • 破壞性與findIndex:

    let someArray = [{name: "Kristian", lines: "2,5,10"},
                   {name: "John", lines: "1,19,26,96"}];
    
    someArray.splice(someArray.findIndex(v => v.name === "Kristian"), 1);
    
    console.log(someArray); // [{name: "John", lines: "1,19,26,96"}]
  • 無損過濾:

    let someArray = [{name: "Kristian", lines: "2,5,10"},
                   {name: "John", lines: "1,19,26,96"}];
    
    let noKristian = someArray.filter(v => v.name !== "Kristian");
    
    console.log(someArray); // [{name: "Kristian", lines: "2,5,10"},
                            {name: "John", lines: "1,19,26,96"}]
    console.log(noKristian); // [{name: "John", lines: "1,19,26,96"}]
:

以上是如何從 JavaScript 陣列中刪除物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn