Javascript数组的 splice 方法详细介绍

splice() 是 Javascript 数组对象的一个方法，用于在数组中增加或删除元素。该方法会直接修改原始数组。

语法

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

参数解释

• start: 修改的起始位置，必传参数。
• deleteCount: 需要删除的元素个数。如果省略该参数，则删除从起始位置一直到数组结尾的所有元素。
• item1, item2,...: 可选参数，在制定的起始位置插入的元素。

返回值

一个由删除元素组成的数组，如果没有删除元素，则返回空数组。

示例1：删除数组元素

// 使用splice()删除数组中的元素
let fruits = ['apple', 'banana', 'kiwi', 'mango'];
let removedFruits = fruits.splice(1, 2);
console.log(fruits); // ['apple', 'mango']
console.log(removedFruits); // ['banana', 'kiwi']

代码解释：
* fruits 数组中一共有四个元素：apple, banana, kiwi, mango。
* 在执行 fruits.splice(1,2) 命令后，从位置1开始删除2个元素，即删除 banana 和 kiwi 两个元素。
* 执行命令后，fruits 数组中剩下 apple 和 mango 两个元素。
* splice() 方法返回一个新数组，其中包含被删除的元素： banana 和 kiwi。

示例2：插入数组元素

// 使用splice()插入数组元素
let arr = [1, 2, 4];
arr.splice(2, 0, 3);
console.log(arr); // [1, 2, 3, 4]

代码解释：
* arr 数组中有三个元素： 1, 2, 4。
* 在执行 arr.splice(2,0,3) 命令后，从位置2开始插入元素3。
* 执行命令后，arr 数组变成 [1, 2, 3, 4]。

总结

通过以上两个示例，我们可以看出 splice() 函数的强大和灵活。可以用来删除元素、插入元素、替换元素等。当然，在操作删除和插入时，需要注意索引的位置和元素的个数，以免导致出现不必要的错误。