js 的splice用法|极客笔记

js 的splice用法

在 JavaScript 中，splice() 是一个非常常用的方法，它可以用来对数组进行增删改操作。splice() 方法会修改原数组，并返回被删除的元素。

语法

splice() 方法的语法如下：

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

参数说明：

start: 必需，表示开始修改的位置，如果超过数组长度，从数组末尾开始操作。如果是负数，则表示从数组末尾开始的位置。
deleteCount: 可选，表示要删除的元素个数。如果省略，则删除 start 到数组末尾的所有元素。
item1, item2, ...: 可选，在 start 位置插入的新元素。

示例

接下来我们通过一些示例来详细讲解 splice() 方法的用法。

删除元素

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

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

在上面的示例中，我们删除了数组 fruits 中索引为 2 的元素（”cherry”），并将被删除的元素存储在 deleted 变量中。最终 fruits 中只剩下了 “apple”, “banana”, “date”。

替换元素

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

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

在这个示例中，我们将数组 fruits 中索引为 2 的元素（”cherry”）替换为 “grape”，最终得到结果为 [“apple”, “banana”, “grape”, “date”]。

插入元素

let fruits = ["apple", "banana", "cherry", "date"];
fruits.splice(2, 0, "grape");

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

在这个示例中，我们在数组 fruits 的索引为 2 的位置插入了一个元素 “grape”，最终得到结果为 [“apple”, “banana”, “grape”, “cherry”, “date”]。

删除多个元素并插入新元素

let fruits = ["apple", "banana", "cherry", "date"];
let deleted = fruits.splice(1, 2, "grape", "kiwi");

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

在这个示例中，我们删除了数组 fruits 中索引为 1 和 2 的元素（”banana”, “cherry”），并在该位置插入了 “grape” 和 “kiwi”，最终得到结果为 [“apple”, “grape”, “kiwi”, “date”]。