JavaScript Array splice()方法

在 JavaScript 中，splice() 方法用于插入、删除或替换数组元素。该方法可以非常灵活地操作数组。

语法：

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

• start ：表示从哪个索引开始修改数组
• deleteCount ：表示要删除的元素个数。如果设置为 0，表示不删除任何元素
• item1, item2, ... ：表示要插入到数组中的项

删除元素

如果只想删除数组中的元素，可以将 deleteCount 参数设置为大于 0 的数字。

示例代码：

const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];
console.log(fruits); // ['apple', 'banana', 'orange', 'grape', 'kiwi']

// 删除数组中索引为 2 和 3 的元素
fruits.splice(2, 2);
console.log(fruits); // ['apple', 'banana', 'kiwi']

在上述示例中，我们使用了 splice() 方法来删除数组中的两个元素。第一个参数 2 表示从数组中的第三个元素开始删除（因为数组的索引从 0 开始），第二个参数 2 表示删除两个元素。

插入元素

如果想向数组中插入一个或多个元素，可以将 deleteCount 参数设置为 0，并且在第三个参数及之后的参数中分别传入要插入的元素。

示例代码：

const fruits = ['apple', 'banana', 'kiwi'];
console.log(fruits); // ['apple', 'banana', 'kiwi']

// 在数组索引为 1 的位置插入两个元素
fruits.splice(1, 0, 'orange', 'grape');
console.log(fruits); // ['apple', 'orange', 'grape', 'banana', 'kiwi']

在上述示例中，我们使用了 splice() 方法来在数组的第二个元素后插入两个元素。第一个参数 1 表示从数组索引为 1 的位置开始插入，第二个参数 0 表示不删除任何元素，第三个参数 'orange' 和第四个参数 'grape' 表示要插入的两个元素。

替换元素

如果想替换数组中的某个元素，可以将 deleteCount 参数设置为 1，并且在第三个参数中传入要替换的元素。

示例代码：

const fruits = ['apple', 'banana', 'grape'];
console.log(fruits); // ['apple', 'banana', 'grape']

// 在数组索引为 2 的位置替换一个元素
fruits.splice(2, 1, 'orange');
console.log(fruits); // ['apple', 'banana', 'orange']

在上述示例中，我们使用了 splice() 方法来将数组中的 'grape' 元素替换为 'orange'。第一个参数 2 表示从数组索引为 2 的位置开始替换，第二个参数 1 表示删除一个元素，第三个参数 'orange' 表示要插入的替换元素。

返回值

splice() 方法返回被删除的元素组成的数组，如果没有删除任何元素，则返回一个空数组。

示例代码：

const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];

// 删除数组中索引为 2 和 3 的元素，并插入两个新元素
const deletedFruits = fruits.splice(2, 2, 'mango', 'peach');
console.log(deletedFruits); // ['orange', 'grape']
console.log(fruits); // ['apple', 'banana', 'mango', 'peach', 'kiwi']

在上述示例中，我们使用了 splice() 方法来删除数组中的两个元素，并在相应位置插入两个新元素。deletedFruits 数组包含被删除的两个元素 'orange' 和 'grape'，而 fruits 数组包含剩余的元素。