JavaScript数组截取splice

一、什么是JavaScript数组截取

JavaScript数组截取是指将数组中一部分元素剪切或删除，返回修改后的数组，并且原数组发生了改变。数组截取是实现对JavaScript数组的常见操作之一，通过数组截取，我们可以方便地增加、删除或替换数组中的元素。

二、splice()方法的语法

splice()方法是JavaScript中一个重要的数组截取方法，它有多种用法。

arr.splice(start)
arr.splice(start, deleteCount)
arr.splice(start, deleteCount, item1, item2, ...)

• start：必需，表示开始修改数组的位置
• deleteCount：表示删除元素的个数。如果deleteCount为0，则不删除任何元素。如果deleteCount未定义，则删除从start到数组末尾的所有元素。
• item1, item2, ...：要添加到数组的元素。如果不添加任何元素，则splice()将只删除元素。

三、删除数组中的元素

我们可以用splice()方法从数组中删除元素，示例代码如下：

const arr = [1, 2, 3, 4, 5];
const removed = arr.splice(2, 2);

console.log(arr); // [1, 2, 5]
console.log(removed); // [3, 4]

输出结果为：

[1, 2, 5]

[3, 4]

上面代码中，splice()方法第一个参数2表示开始删除的位置，第二个参数2表示要删除的元素个数。splice()方法返回被删除元素组成的数组，原数组被修改，删除了指定位置和个数的元素。

四、向数组中添加元素

我们可以用splice()方法向数组中添加元素，示例代码如下：

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 'a', 'b');

console.log(arr); // [1, 2, "a", "b", 3, 4, 5]

输出结果为：

[1, 2, "a", "b", 3, 4, 5]

上面代码中，splice()方法第一个参数2表示开始插入的位置，第二个参数0表示不删除任何元素，后面的参数表示要插入的元素。splice()方法会改变原数组，并返回一个空数组。

五、替换数组中的元素

我们可以用splice()方法替换数组中的元素，示例代码如下：

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 1, 'a', 'b');

console.log(arr); // [1, 2, "a", "b", 4, 5]

输出结果为：

[1, 2, "a", "b", 4, 5]

上面代码中，splice()方法第一个参数2表示开始替换的位置，第二个参数1表示要替换的元素个数，后面的参数表示要替换成的元素。splice()方法会改变原数组，并返回被删除元素组成的数组。

六、总结

JavaScript数组截取是数组操作中常用的一种，其中splice()方法是实现数组截取的重要方法之一。我们可以通过splice()方法来删除数组中的元素，向数组中添加元素以及替换数组中的元素。