JavaScript Array.splice() 方法介绍

什么是 Array.splice() 方法？

JavaScript 中的 Array.splice() 方法用于修改数组，通过添加、删除或替换的方式改变数组的内容。这个方法可以修改原数组，也可以返回一个新的数组。

语法

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

• start：指定修改开始的索引位置。
• deleteCount（可选）：从 start 开始要删除的元素数量。如果省略，则删除从 start 之后的所有元素。
• item1, item2, ...（可选）：要添加到数组的新元素。

功能

• 如果 deleteCount 大于 0，则从 start 开始删除 deleteCount 个元素，并返回这些被删除的元素。
• 如果 deleteCount 等于 0，则不删除任何元素，但仍可以添加新元素到数组中。
• 如果 deleteCount 小于 0，则从 start 开始不删除元素，而是向数组插入新元素。
• 如果有添加的新元素，则返回一个包含被删除元素的数组，否则返回一个空数组。

示例

删除元素

下面的示例删除了数组 fruits 中索引位置 1 开始的 2 个元素，并返回这两个被删除的元素。

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

console.log(fruits);        // 输出: ['apple', 'date']
console.log(deletedItems);  // 输出: ['banana', 'cherry']

添加元素

下面的示例在数组 fruits 中索引位置 2 开始插入了两个新元素 "mango" 和 "orange"。

const fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.splice(2, 0, 'mango', 'orange');

console.log(fruits);  // 输出: ['apple', 'banana', 'mango', 'orange', 'cherry', 'date']

替换元素

下面的示例替换数组 fruits 中索引位置 0 开始的两个元素为 "lemon" 和 "grape"。

const fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.splice(0, 2, 'lemon', 'grape');

console.log(fruits);  // 输出: ['lemon', 'grape', 'cherry', 'date']

其他用法

• 可以使用负数作为 start 的值，表示从数组末尾开始计算索引的位置。
• 如果 deleteCount 大于剩余元素的数量，splice 会删除从 start 开始的所有元素。
• 可以使用 Array.slice() 方法来将数组分割成两个部分，然后使用 Array.concat() 方法将它们连接起来。

更多关于 Array.splice() 方法的详细内容和示例，请参考 MDN 文档。

以上是对于 JavaScript 的 Array.splice() 方法的介绍。希望对你有帮助！