js中Array的splice方法的作用

夜阑卧听风吹雨，铁马冰河入梦来2024-05-15 21:54

在JavaScript中，splice() 方法是数组（Array）的一个内置方法，用于在数组中添加/删除项目，并返回被删除的项目。这个方法可以直接修改原始数组。

splice() 方法的基本语法如下：

复制代码

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

参数说明：

start（必需）：一个整数，指定修改的开始位置。如果为正数，则从 start 位置开始修改，如果为负数，则从末尾开始计算位置（例如，-1 指最后一个元素，-2 指倒数第二个元素，依此类推）。
deleteCount（可选）：一个整数，指定要删除的元素数量。如果设置为 0，则不会删除元素。
item1, item2, ...（可选）：要添加到数组中的新元素，从 start 位置开始。如果不指定，则 splice() 只删除元素。

返回值：

一个由被删除的元素组成的新数组，如果没有删除任何元素，则返回一个空数组。

示例：

删除元素：

复制代码

let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];  
let removed = fruits.splice(2, 2); // 从索引 2 开始，删除 2 个元素  
console.log(fruits); // ["Banana", "Orange", "Mango"]  
console.log(removed); // ["Lemon", "Apple"]

添加元素

复制代码



let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];  
fruits.splice(2, 0, "Kiwi", "Durian"); // 从索引 2 开始，不删除元素，添加 "Kiwi" 和 "Durian"  
console.log(fruits); // ["Banana", "Orange", "Kiwi", "Durian", "Lemon", "Apple", "Mango"]

替换元素

复制代码

let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];  
fruits.splice(2, 2, "Kiwi", "Durian"); // 从索引 2 开始，删除 2 个元素，然后添加 "Kiwi" 和 "Durian"  
console.log(fruits); // ["Banana", "Orange", "Kiwi", "Durian", "Mango"]