js数组splice|极客笔记

js数组splice

在JavaScript中，splice()方法是用于修改数组的方法之一，它可以删除、插入或替换数组中的元素。这个方法可以通过传入不同的参数来实现不同的功能，是数组操作中非常常用的方法之一。

语法

splice()方法的语法如下：

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

start：指定删除或插入的起始位置，必需参数。
deleteCount：可选参数，指定要删除的元素个数。如果设置为0，则不会删除任何元素，如果不设置，则会删除从起始位置开始到末尾的所有元素。
item1, item2, ...：可选参数，要插入到数组中的新元素。

删除元素

要删除数组中的元素，可以通过设置deleteCount参数为要删除的元素数量来实现。例如：

let fruits = ["apple", "banana", "cherry", "date"];
fruits.splice(1, 2);
console.log(fruits); // ["apple", "date"]

在这个示例中，从索引为1的位置开始，删除了2个元素。最终的数组中，只剩下”apple”和”date”两个元素。

插入元素

要插入新的元素到数组中，可以在splice()方法中传入要插入的元素作为参数。例如：

let fruits = ["apple", "banana", "cherry", "date"];
fruits.splice(2, 0, "grape");
console.log(fruits); // ["apple", "banana", "grape", "cherry", "date"]

在这个示例中，从索引为2的位置开始，插入了一个新的元素”grape”。最终数组中，”grape”被插入到了”banana”和”cherry”之间。

替换元素

splice()方法也可以用来替换数组中的元素。实际上，删除元素和插入元素的操作可以组合起来，从而实现替换的功能。例如：

let fruits = ["apple", "banana", "cherry", "date"];
fruits.splice(1, 2, "grape", "fig");
console.log(fruits); // ["apple", "grape", "fig", "date"]

在这个示例中，从索引为1的位置开始，删除了2个元素，并插入了两个新元素”grape”和”fig”。最终数组中，”banana”和”cherry”被替换为了”grape”和”fig”。

修改原数组

需要注意的是，splice()方法会修改原数组，会直接对原数组进行操作。如果不想修改原数组，可以先复制原数组，然后对复制后的数组进行操作。例如：

let fruits = ["apple", "banana", "cherry", "date"];
let newFruits = fruits.slice(); // 复制数组
newFruits.splice(1, 2, "grape", "fig");
console.log(fruits); // ["apple", "banana", "cherry", "date"]
console.log(newFruits); // ["apple", "grape", "fig", "date"]

在这个示例中，我们先复制了原数组fruits，然后对复制后的数组newFruits进行了splice()操作。最终可以看到，原数组fruits没有发生任何改变，而新数组newFruits被修改了。