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]