js中splice方法和slice方法詳解

一、slice 截取數組&返回截取的新數組（不改變原始數組）

slice(start, end)

參數：

start：開始位置的索引

end：結束位置的索引（但不包含該索引位置的元素）

let arr = [1, 2, 3, 4, 5]
let newArr = arr.slice(1, 3);

console.log(arr)    // 輸出：[1, 2, 3, 4, 5]
console.log(newArr) // 輸出：[2,3]

 

二、splice 刪除數組或向數組內添加元素（返回刪除的新數組）（會改變原始數組）

splice(start, count, 插入項)

參數：

start：開始位置的索引

count：刪除元素個數

插入項：向數組內插入的元素

let arr = [1,2,3,4,5,6]

// 刪除數組
let newArr = arr.splice(1,3)
console.log(arr)    // 輸出：[1,5,6]
console.log(newArr) // 輸出：[2,3, 4]

// 添加元素
let newArr2 = arr.splice(1, 0, 2)
console.log(arr)     // 輸出：[1,2,5,6]
console.log(newArr2) // 輸出：[]

// 從數組末尾刪除
let newArr3 = arr.splice(-2)
console.log(arr)     // 輸出：[1,2]
console.log(newArr3) // 輸出：[5,6]