JavaScript 数组方法 splice() 的 3 个示例

如果您正在使用 JavaScript，则可能会经常使用数组。数组是一个有序的对象集合，您可以使用它来存储各种类型的数据。数组方法 splice() 可以从数组中排除旧值，然后将新值插入数组。使用 splice() 后，将获得两个数组，第一个是排除的数组，第二个是编辑过的新数组。需要注意的是，此方法会改变原数组。

让我们来看几个 splice() 方法的示例，以便您更好地理解它的用法：

1. 从数组中排除元素：

const fruits = ["apple", "orange", "banana", "cherry", "grape"];

// 从数组中排除 "orange" 和 "banana"
fruits.splice(1, 2);

console.log(fruits); // 输出：["apple", "cherry", "grape"]

在上面的示例中，我们首先创建一个名为 fruits 的数组，其中包含五个元素。然后，我们使用 splice() 方法从数组中排除第二个和第三个元素（"orange" 和 "banana"）。最后，我们使用 console.log() 方法在控制台中输出数组。输出结果是一个新的数组，其中不包含 "orange" 和 "banana"。

2. 向数组中插入元素：

const fruits = ["apple", "orange", "banana"];

// 在数组的第二个位置插入 "cherry"
fruits.splice(1, 0, "cherry");

console.log(fruits); // 输出：["apple", "cherry", "orange", "banana"]

在上面的示例中，我们首先创建一个名为 fruits 的数组，其中包含三个元素。然后，我们使用 splice() 方法在数组的第二个位置插入 "cherry"。最后，我们使用 console.log() 方法在控制台中输出数组。输出结果是一个新的数组，其中包含四个元素，并且 "cherry" 已被插入到第二个位置。

3. 同时排除和插入元素：

const fruits = ["apple", "orange", "banana", "cherry", "grape"];

// 从数组中排除 "orange" 和 "banana"，并在第三个位置插入 "cherry" 和 "grape"
fruits.splice(1, 2, "cherry", "grape");

console.log(fruits); // 输出：["apple", "cherry", "grape"]

在上面的示例中，我们首先创建一个名为 fruits 的数组，其中包含五个元素。然后，我们使用 splice() 方法从数组中排除第二个和第三个元素（"orange" 和 "banana"），并在第三个位置插入 "cherry" 和 "grape"。最后，我们使用 console.log() 方法在控制台中输出数组。输出结果是一个新的数组，其中包含三个元素，并且 "cherry" 和 "grape" 已被插入到第三个位置。

splice() 方法是一个非常强大的工具，可以用来执行各种操作。如果您正在使用 JavaScript，那么您应该了解这个方法的用法。