js 数组的splice方法快速理解

一、理解splice参数

1. splice 会改变原数组
2. splice 只有一个参数的时候，会删除包含当前下标的后面的所有元素
3. splice 第一个参数是从第几个下标开始删除，第二个参数是删除几个元素
4. splice 第一个参数是从第几个下标开始删除，第二个参数是删除几个元素，第三个参数是在删除的第一个下标的位置添加元素
5. splice 从第三个参数后，可增加多个元素（不限）

二、示例

1. splice 只有一个参数的时候，会删除包含当前下标的后面的所有元素

// 从下标2开始，删除包含下标2在内的后面的所有元素
let arr = [0,1,2,3,4,5,6,7,8,9];
let newArr = arr.splice(2)
console.log('arr-arr:', arr) // [0,1]
console.log('newArr-newArr:', newArr) // []

2. splice 第一个参数是从第几个下标开始删除，第二个参数是删除几个元素

// 从下标2开始，删除包含下标2在内的后面的5个元素
let arr = [0,1,2,3,4,5,6,7,8,9];
let newArr = arr.splice(2, 5)
console.log('arr-arr:', arr) // [0,1,7,8,9]
console.log('newArr-newArr:', newArr) // [2,3,4,5,6]

3. splice 第一个参数是从第几个下标开始删除，第二个参数是删除几个元素，第三个参数是在删除的第一个下标的位置添加元素

// 第一个参数，从下标2开始删除
// 第二个参数，删除下标2 后面的5个元素（包含下标2 的元素）
// 第三个参数，在删除的位置添加元素
let arr = [0,1,2,3,4,5,6,7,8,9];
let newArr = arr.splice(2, 5, '测试')
console.log('arr-arr:', arr) // [0, 1, '测试', 7, 8, 9]
console.log('newArr-newArr:', newArr) // [2,3,4,5,6]

4. splice 从第三个参数后，可增加多个元素（不限）

let arr = [0,1,2,3,4,5,6,7,8,9];
let newArr = arr.splice(2, 5, '测试', '测试2')
console.log('arr-arr:', arr) // [0, 1, '测试', '测试2', 7, 8, 9]
console.log('newArr-newArr:', newArr) // [2,3,4,5,6]

5. splice操作数组的时候会改变原数组