JS 中 splice 和 slice 方法详解

2023-11-03 14:14:48

概述

JavaScript 中的 splice 和 slice 都是用于操作数组的内置方法。这两个方法都非常有用，但它们的工作方式却截然不同。splice 方法用于删除或替换数组中的元素，而 slice 方法用于复制数组的一部分。

splice 方法

splice 方法的语法如下：

array.splice(start, deleteCount, ...items)

start ：要开始删除元素的索引。
deleteCount ：要删除的元素的数量。
items ：要插入到数组中的元素。

splice 方法可以做三件事：

删除数组中的元素。
替换数组中的元素。
在数组中插入元素。

splice 方法返回一个包含被删除元素的数组。

示例

const arr = [1, 2, 3, 4, 5];

// 删除数组中的第一个元素
arr.splice(0, 1);

// 删除数组中的第二个和第三个元素
arr.splice(1, 2);

// 替换数组中的第一个元素
arr.splice(0, 1, 10);

// 在数组中插入两个元素
arr.splice(2, 0, 20, 30);

console.log(arr); // 输出：[10, 20, 30, 4, 5]

slice 方法

slice 方法的语法如下：

array.slice(start, end)

start ：要开始复制元素的索引。
end ：要复制到元素的索引。

slice 方法返回一个包含被复制元素的数组。

示例

const arr = [1, 2, 3, 4, 5];

// 复制数组中的第一个元素到第三个元素
const newArr = arr.slice(0, 3);

// 复制数组中的第二个元素到第五个元素
const newArr2 = arr.slice(1, 5);

console.log(newArr); // 输出：[1, 2, 3]
console.log(newArr2); // 输出：[2, 3, 4, 5]