JavaScript之splice 添加或删除元素

定义和用法

• splice方法用于添加或删除数组中的元素。
• splice方法会改变原始数组。

浏览器支持

主流浏览器都支持splice()，例如：IE、FireFox、Opera、Chrome、Safari。

语法

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

参数

参数	描述
index	必须，规定从何处添加/删除元素。 该参数是开始添加或删除元素的下标，必须是数字。
howmany	可选。规定应该删除多少元素。必须是数字，但可以是"0"。 如果未规定此参数，则删除从index开始到原始数结尾的元素。
iteem1,...,itemx	可选。要添加到数组的新元素。

返回值

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

如果删除了一个元素，则返回元素的数组；如果未删除任何元素，则返回空数组。

var fruits = ['苹果','香蕉' , '梨'];
console.log(fruits.splice(2,1));    // 删除一个，返回删除元素的数组  。返回['梨']

var fruits = ['苹果','香蕉' , '梨'];
console.log(fruits.splice(2,0));    // 删除零个，返回空数组 。返回[]

技术细节

JavaScript版本

1.2

实例

• 数组中添加新元素。

var fruits = ['苹果','香蕉' , '梨'];
fruits.splice(2,0,'橘子');    

fruits的输出的值为： [ "苹果", "香蕉", "橘子", "梨"] 。

• 删除数组中的元素。

var fruits = ['苹果','香蕉' , '梨','芒果','西瓜'];
fruits.splice(2,2);    

fruits的输出值为： [ "苹果", "香蕉", "西瓜"] 。

• 移除数组中第三元素，并在第三个位置添加新元素。

var fruits = ['苹果','香蕉' , '梨','芒果','西瓜'];
fruits.splice(2,1,'柠檬','葡萄');

fruits的输出值为： [ "苹果", "香蕉", "柠檬", "葡萄", "芒果", "西瓜"] 。

参考网址

• JavaScript splice() 方法:https://www.runoob.com/jsref/jsref-splice.html