js 数组splice

JavaScript中的splice()方法是数组操作中非常重要且功能强大的一个方法。它用于添加、删除或替换数组中的元素，并且会直接修改原数组。splice()方法的妙用在于其灵活性，使得数组的操作变得非常方便。

基本语法

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

• start: 整数，表示从哪里开始改变数组。可以是负数，表示从数组末尾开始计数。
• deleteCount: 整数，表示要删除的元素个数。如果为0，则不删除元素。
• item1, item2, ...：可选，表示要添加到数组中的元素。

删除元素

删除数组中的元素是splice()最常见的用途之一。通过指定start和deleteCount，你可以在数组中删除一个或多个元素。

let fruits = ['apple', 'banana', 'cherry', 'date'];
let removedItems = fruits.splice(1, 2);

console.log(fruits); // ["apple", "date"]
console.log(removedItems); // ["banana", "cherry"]

在这个例子中，从索引1开始，删除两个元素，结果删除了“banana”和“cherry”。

添加元素

splice()也可以用来在数组中插入元素。通过将deleteCount设置为0，可以在指定位置插入新的元素。

let colors = ['red', 'green', 'blue'];
colors.splice(2, 0, 'yellow', 'purple');

console.log(colors); // ["red", "green", "yellow", "purple", "blue"]

这里从索引2开始，没有删除任何元素，但插入了“yellow”和“purple”。

替换元素

为了替换现有元素，splice()可以结合删除和添加操作。指定deleteCount为要替换的元素数量，并提供新元素的列表。

let numbers = [10, 20, 30, 40];
numbers.splice(1, 2, 25, 35);

console.log(numbers); // [10, 25, 35, 40]

在这个例子中，从索引1开始删除了两个元素“20”和“30”，然后用“25”和“35”进行了替换。

使用负索引

splice()方法支持负索引，这使得从数组的末尾开始计数操作变得很简单。

let alphabets = ['a', 'b', 'c', 'd', 'e'];
alphabets.splice(-2, 1);

console.log(alphabets); // ["a", "b", "c", "e"]

从数组的倒数第二个元素开始删除1个元素，这里删除了“d”。

修改原数组的特性

需要注意的是，splice()方法会直接对原数组进行修改，并返回一个包含被删除元素的新数组（如果没有删除元素，则返回空数组）。这就意味着使用splice()需要格外小心，以免意外改变数据。

复杂操作示例

考虑一种更加复杂的情况，在数组中删除所有特定元素，比如说我们想删除所有值为"apple"的元素：

function removeAll(array, item) {
  let index = array.indexOf(item);
  while (index !== -1) {
    array.splice(index, 1);
    index = array.indexOf(item);
  }
  return array;
}

let fruits = ['apple', 'banana', 'apple', 'cherry', 'apple'];
console.log(removeAll(fruits, 'apple')); // ["banana", "cherry"]

这个函数遍历数组，使用splice()删除所有指定元素。

与其他方法比较

splice()与slice()方法常被混淆。尽管名字相似，但slice()不会改变原数组，而splice()会。slice()返回一个新数组，而splice()返回被删除的元素数组。

总之，splice()方法是JavaScript中处理数组的强大工具，适用于许多常见的数组操作场景。通过对其参数的灵活应用，可以实现对数组的多种复杂变更，包括删除、插入和替换等操作。这种高度的定制能力使得splice()方法在JavaScript中的数组处理任务中扮演着举足轻重的角色。因此，掌握splice()的用法对任何希望提升JavaScript编程技能的开发者来说都是至关重要的。