JavaScript數組截取splice

一、什麼是JavaScript數組截取

JavaScript數組截取是指將數組中一部分元素剪切或刪除，返回修改後的數組，並且原數組發生了改變。數組截取是實現對JavaScript數組的常見操作之一，通過數組截取，我們可以方便地增加、刪除或替換數組中的元素。

二、splice()方法的語法

splice()方法是JavaScript中一個重要的數組截取方法，它有多種用法。

arr.splice(start)
arr.splice(start, deleteCount)
arr.splice(start, deleteCount, item1, item2, ...)

• start：必需，表示開始修改數組的位置
• deleteCount：表示刪除元素的個數。如果deleteCount為0，則不刪除任何元素。如果deleteCount未定義，則刪除從start到數組末尾的所有元素。
• item1, item2, …：要添加到數組的元素。如果不添加任何元素，則splice()將只刪除元素。

三、刪除數組中的元素

我們可以用splice()方法從數組中刪除元素，示例代碼如下：

const arr = [1, 2, 3, 4, 5];
const removed = arr.splice(2, 2);

console.log(arr); // [1, 2, 5]
console.log(removed); // [3, 4]

輸出結果為：

[1, 2, 5]

[3, 4]

上面代碼中，splice()方法第一個參數2表示開始刪除的位置，第二個參數2表示要刪除的元素個數。splice()方法返回被刪除元素組成的數組，原數組被修改，刪除了指定位置和個數的元素。

四、向數組中添加元素

我們可以用splice()方法向數組中添加元素，示例代碼如下：

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 'a', 'b');

console.log(arr); // [1, 2, "a", "b", 3, 4, 5]

輸出結果為：

[1, 2, “a”, “b”, 3, 4, 5]

上面代碼中，splice()方法第一個參數2表示開始插入的位置，第二個參數0表示不刪除任何元素，後面的參數表示要插入的元素。splice()方法會改變原數組，並返回一個空數組。

五、替換數組中的元素

我們可以用splice()方法替換數組中的元素，示例代碼如下：

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 1, 'a', 'b');

console.log(arr); // [1, 2, "a", "b", 4, 5]

輸出結果為：

[1, 2, “a”, “b”, 4, 5]

上面代碼中，splice()方法第一個參數2表示開始替換的位置，第二個參數1表示要替換的元素個數，後面的參數表示要替換成的元素。splice()方法會改變原數組，並返回被刪除元素組成的數組。

六、總結

JavaScript數組截取是數組操作中常用的一種，其中splice()方法是實現數組截取的重要方法之一。我們可以通過splice()方法來刪除數組中的元素，向數組中添加元素以及替換數組中的元素。