ES6splice：JavaScript中的數組操作方法

JavaScript是現代Web開發中最為常用的編程語言之一，在其語法和功能都不斷得到完善的情況下，其操作數組的方式也日益豐富多樣，其中ES6的splice方法就成為了不可或缺的一員。本文將從以下角度對ES6splice方法做出詳細的闡述。

在ES6中，我們可以通過數組的splice()方法對數組進行插入、刪除、替換等操作。splice()方法第一個參數表示要執行的操作，第二個參數表示要操作的元素數量，第三個參數以後表示要插入的元素，如果第二個參數為0，則表示只進行插入操作。

let arr = [1,2,3,4,5];
arr.splice(2,1,6,7);
console.log(arr); //[1, 2, 6, 7, 4, 5]

上面的代碼中，我們將數組arr中索引為2的元素3刪除，並在該位置插入了數字6和7，最後得到了新的數組[1, 2, 6, 7, 4, 5]。

我們可以通過splice()方法的第一個參數和第二個參數來刪除數組中的元素。splice(起始索引, 刪除數量)

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

上面的代碼中，我們將數組arr中索引為2的元素3刪除，最後得到了新的數組[1, 2, 4, 5]。

我們可以通過splice()方法的第一個參數和後面的參數來在數組中插入元素。splice(起始索引, 0, 插入元素1, 插入元素2, …)

let arr = [1,2,3,4,5];
arr.splice(2,0,6,7);
console.log(arr);  //[1, 2, 6, 7, 3, 4, 5]

上面的代碼中，我們將數字6和7插入到了數組arr的索引為2的位置，最後得到了新的數組[1, 2, 6, 7, 3, 4, 5]。

我們可以通過splice()方法的第一個參數、第二個參數和後面的參數來替換數組中的元素。splice(起始索引, 要刪除元素的數量, 插入元素1, 插入元素2, …)

let arr = [1,2,3,4,5];
arr.splice(2,1,6,7);
console.log(arr); //[1, 2, 6, 7, 4, 5]

上面的代碼中，我們將數組arr中索引為2的元素3刪除，並在該位置插入了數字6和7，最後得到了新的數組[1, 2, 6, 7, 4, 5]。

splice()方法會直接修改原數組，所以在使用splice()方法的時候需要注意這一點。

splice()方法會返回被刪除的元素數組，如果沒有刪除元素，則返回一個空數組。

let arr = [1,2,3,4,5];
let res = arr.splice(2,1);
console.log(res); // [3]

如果第一個參數為負數，則從末尾開始計算，-1 表示最後一個元素。

let arr = [1,2,3,4,5];
arr.splice(-1,1);
console.log(arr); //[1, 2, 3, 4]

ES6中的splice()方法是一個非常好用的數組操作方法，能夠進行數組元素的插入、刪除、替換等各種操作。同時，也需要注意使用該方法時，如果對原始數組有影響，以及該方法的返回值等注意點。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/254194.html