JavaScript数组 splice

splice() 是 JavaScript 数组中一个非常强大的方法，它可以用于删除、添加、替换数组中的元素。该方法直接修改原数组，并返回被删除的元素。

1. JavaScript数组 splice 的语法

array.splice(start, deleteCount, item1, item2, ..., itemX);

• start：必须，表示开始删除或添加元素的位置（索引），从0开始。
• deleteCount：可选，表示要删除的元素数量。如果为0，则不会删除元素。
• item1, item2, ..., itemX：可选，表示要添加的新元素。

1.1. 删除元素

通过splice()，可以从数组中删除指定数量的元素。下面是一个例子：

let months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 1); // 从索引1开始删除1个元素

console.log(months); // 输出: ["Jan", "April", "June"]

在此例中，splice()从索引1开始删除了1个元素，也就是"March"。

1.2. 添加元素

通过splice()，你可以向数组的某个位置插入新元素，而不删除任何元素。要实现这一点，可以将deleteCount设为0。

let months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 0, 'Feb'); // 在索引1处添加'Feb'

console.log(months); // 输出: ["Jan", "Feb", "March", "April", "June"]

此例中，splice()没有删除任何元素，而是在索引1的位置插入了'Feb'。

1.3. 替换元素

可以使用splice()同时删除和添加元素，从而达到替换的效果：

let months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 1, 'Feb'); // 替换索引1处的'March'为'Feb'

console.log(months); // 输出: ["Jan", "Feb", "April", "June"]

这里，'March' 被删除，并且在同一个位置插入了'Feb'。

1.4. 同时添加和删除

你可以一次性删除多个元素并插入新元素：

let months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 1, 'Feb', 'Mar'); // 替换索引1处的一个元素为两个新元素

console.log(months); // 输出: ["Jan", "Feb", "Mar", "April", "June"]

此时，'March' 被删除，同时'Feb'和'Mar'被插入到索引1的位置。

注意事项

• splice() 会直接修改原数组。如果你不希望修改原数组，可以先创建一个副本再操作。

  let original = ['a', 'b', 'c', 'd'];
  
  let copy = original.slice(); // 使用slice()方法复制数组
  
  copy.splice(1, 1); // 从副本中删除索引1处的元素
  
  console.log(original); // 输出: ["a", "b", "c", "d"]
  console.log(copy);     // 输出: ["a", "c", "d"]
  

  slice() 方法用于复制数组，而splice() 则修改数组，因此original不会被影响。

通过掌握splice()，你可以灵活地对数组进行各种操作，从而更高效地处理数据。