当前位置：首页 > web >正文

JavaScript splice() 方法

web 2025/8/23 1:41:58

1. JavaScript splice() 方法

1.1. 定义和用法

splice() 方法用于添加或删除数组中的元素。
注意：这种方法会改变原始数组。
返回值：如果删除一个元素，则返回一个元素的数组。如果未删除任何元素，则返回空数组。

1.2. 语法

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

1.3. 语法

参数	描述
电脑	$1600
index	必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany	可选。规定应该删除多少元素。必须是数字，但可以是 “0”。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, …, itemX	可选。要添加到数组的新元素

1.4. 返回值

Type	描述
Array	如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组

1.5. 示例

处理数组的方法很多，javascript 的splice() 算是最强大的了，它可以用于插入、删除或替换数组的元素。
在这里插入图片描述

1.5.1. 删除

用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）

var myFish = ["angel", "clown", "drum", "mandarin", "surgeon"];
console.log("原始数据：",JSON.stringify(myFish))
var removed = myFish.splice(3, 1);
console.log("删除数据：",JSON.stringify(removed))
console.log("删除后数据：",JSON.stringify(myFish))

在这里插入图片描述

1.5.2. 插入

向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0），第三个参数（插入的项）

var myFish = ["angel", "clown", "mandarin", "surgeon"];
console.log("原始数据：", JSON.stringify(myFish))
var insert = myFish.splice(2, 0, "drum");
console.log("插入数据：", JSON.stringify(insert))
console.log("插入后数据：", JSON.stringify(myFish))

在这里插入图片描述

1.5.3. 替换

向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

var myFish = ["angel", "clown", "drum", "surgeon"];
console.log("原始数据：", JSON.stringify(myFish))
var replace = myFish.splice(2, 1, 'trumpet');
console.log("替换数据：", JSON.stringify(replace))
console.log("替换后数据：", JSON.stringify(myFish))