JavaScript 拼接

| | | | | | | | | | | | | | | | | | | | |

JavaScript splices() 方法修改一個數組。它允許您向表中添加新元素或刪除或修改已存在的元素。 splice() 更改使用它的數組。它不會創建新表。

希望從現有項目列表中添加或刪除項目是很常見的。例如,假設您有一個提供員工反饋的程序。一名員工正在休假。您可以暫時將它們從程序中移除。

您可以使用 splice() 來添加元素、移除元素或修改數組中的元素。此方法允許您在數組中添加或刪除元素。在本教程中,我們將展示 splice() 方法的工作原理以及如何在 JavaScript 代碼中使用它。

更新數組

數組可以包含數字、字符串和布爾值。在 JavaScript 中, 可以使用 數組來存儲更多信息,而不是將數據存儲在多個變量中。例如,如果您的班級有 10 名學生,您可以創建一個數組來列出每個學生的姓名。

可以使用從 0 開始的索引號查看數組。這是一個示例數組:

JavaScript splice()

JavaScript splice() 方法在數組中添加、修改或刪除元素。 splice() 修改現有數組

要么看splice()的語法:.

splice() 接受三個參數:

  • 索引起始編號(必填)
  • 要移除的數組元素個數(可選)
  • 要添加到列表中的元素(可選)

您可以使用聯結將多個項目添加到列表中。為此,您需要指定要添加的所有項目作為最終參數。

splice () JavaScript:從該數組中刪除

我們有一個學生姓名列表 Paul搬到另一所學校,我們想把他從我們的名字列表中刪除這是一個拼接()刪除......從我們的數組中刪除一個名字的例子:

運行我們的代碼後,我們會得到如下輸出:

["Alex", "Fred", "Molly"]

我們刪除了以索引“3”開頭的元素在這種情況下,我們刪除的 JavaScript 字符串是 "Paul

如果我們要從我們的代碼中刪除第二個參數,即索引之後的所有元素。" 3”它也將被刪除

JavaScript splice()。添加到數組

如果我們想在我們的數組中添加另一個學生,我們也可以使用splice()。如果我們添加第三個參數,我們可以指定應該添加到數組中。下面是一個例子:

這段代碼的輸出如下:

["Alex", "Fred", "Molly", "Paul", "Hannah"]

新字符串"Hannah" " 已添加到數組的末尾,索引位置為“4”。請注意,我們的第二個參數設置為 0,因為我們沒有從數組中刪除任何內容。Splice 可以輕鬆地將新元素添加到數組中

我們可以添加通過在我們的代碼中包含附加參數來獲得其他名稱:

student var = ["Alex", "Fred", "Molly", "Paul"]

students.splice (4 , 0, "Hannah", "Lily") ;

console.log (students);

這段代碼將“Hannah”和“Lily”都添加到我們的列表中

splice () JavaScript。從數組中添加和刪除

如果我們想同時從數組中添加和刪除元素,我們也可以使用splice() 這裡是一個例子。

這段代碼的輸出如下:

["Alex", "Fred", "Hannah", "Paul"]

我們的代碼從數組中刪除了索引值為“2”的元素,即“Molly”。所以我們的代碼在“2”的索引位置添加了“Hannah”。

JavaScript Splice vs. Slice

有些開發者對 JavaScript slice ( ) 和 splice () 因為 slice () 也可以用於從數組中刪除元素。但是,這兩種方法有區別。

首先, slice() 不會改變原始數組,而(如上所示)junction 會改變 原始向量。此外,splice() 返回帶有任何更改的新數組,而 splice() 返回刪除的項目。

結論

splicing() 添加元素從現有數組中刪除元素或修改元素。您可以使用 splice () 從數組中添加或刪除任意數量的元素。

這就是您需要了解的關於 JavaScript 中 splice () 的全部內容。簡而言之,如果您想從 JavaScript 數組中添加或刪除元素,splice () 可能是一個有用的函數。

要了解有關 JavaScript 的更多信息,請閱讀我們的 適合初學者的最佳 JavaScript 教程.