js 数组 splice|极客笔记

js 数组 splice

在JavaScript中，splice() 方法用于向数组中添加或删除项目，并返回被删除的项目。splice() 方法修改数组并返回被修改的数组。

语法

array.splice(index, howmany, item1, ....., itemX)

index: 必需。规定添加/删除项目的位置，使用负数可以从数组结尾处规定位置。
howmany: 必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1,..itemX: 分别是要添加到数组中的新项目。

功能

如果howmany为0，那么splice()可以在指定位置添加新项，而不删除任何项。
如果howmany为正，那么从index开始的howmany项会被删除。
返回值为被删除的项目组成的数组。

示例

示例1：删除元素并返回删除元素

let fruits = ["Banana", "Orange", "Apple", "Mango"];
let deleted = fruits.splice(2, 1);

console.log(fruits); // ["Banana", "Orange", "Mango"]
console.log(deleted); // ["Apple"]

在上面的示例中，我们有一个名为fruits的数组，我们使用splice()方法删除了索引为2的元素（”Apple”），并将被删除的元素存储在变量deleted中。最终，fruits数组只剩下[“Banana”, “Orange”, “Mango”]，而deleted数组中只有一个元素[“Apple”]。

示例2：删除元素并添加新元素

let fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1, "Lemon", "Kiwi");

console.log(fruits); // ["Banana", "Orange", "Lemon", "Kiwi", "Mango"]

在这个示例中，我们使用splice()方法删除了索引为2的元素（”Apple”），并同时添加了”Lemon”和”Kiwi”到相同的位置。最终，fruits数组变为了[“Banana”, “Orange”, “Lemon”, “Kiwi”, “Mango”]。

示例3：在特定位置插入元素

let fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

console.log(fruits); // ["Banana", "Orange", "Lemon", "Kiwi", "Apple", "Mango"]

在这个示例中，splice()方法在索引为2的位置不删除任何元素，并在该位置插入了”Lemon”和”Kiwi”。最终，fruits数组变为了[“Banana”, “Orange”, “Lemon”, “Kiwi”, “Apple”, “Mango”]。