JS 数组操作的利器：splice() 和 slice() 方法详解

splice() 和 slice() 是 JavaScript 中数组对象的两个方法，它们的功能和使用场景有所不同。

1. slice() 方法：

• 定义：返回一个新的数组对象，这个对象是一个由 slice() 方法的起止参数指定的原数组的浅拷贝。

• 语法：array.slice(start, end)

  • start ：必需。规定从何处开始选择。如果是负数，那么它规定从数组尾部开始的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素等。
  • end ：可选。规定从何处结束选择。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始的元素。

2. splice() 方法：

• 定义：用于添加、删除或替换数组的元素。

• 语法：array.splice(start, deleteCount, item1, item2, ...)

  • start ：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
  • deleteCount ：必需。要删除的项目数量。如果设置为 0，则不会删除项目。
  • item1, item2, ... ：可选。向数组添加的新项目。

示例代码：

let arr = [1, 2, 3, 4, 5];
 
// 使用 slice() 获取数组的一部分
let slicedArr = arr.slice(1, 3); // 结果：[2, 3]
 
// 使用 splice() 删除数组的一部分
arr.splice(1, 2); // 结果：arr 变为 [1, 4, 5]
 
// 使用 splice() 在数组指定位置插入元素
arr.splice(1, 0, 2, 3); // 结果：arr 变为 [1, 2, 3, 4, 5]

注意：slice() 方法不会改变原始数组，它返回的是一个新数组。而 splice() 方法会改变原始数组。