详解JavaScript的splice()方法

Posted 2020-09-06

from:http://www.jquerycn.cn/a_10447

在javascript中splice()方法，是一个很强的数组方法，它有多种用法。
splice()主要用途是向数组的中部插入项。

有如下3种方式：
删除——可以删除任意数量的项，只需要指定2个参数：要删除的第一项的位置和要删除项的项数。
例如，splice(0,2)会删除数组中的前两项。
插入——可以向指定位置插入任意数量的项，只需要提供3个参数：骑士位置、0（要删除的项数）和要插入的项。
如果要插入多个项，可以再传入第四、第五，一直任意多个项。
例如，splice(2,1,”red”,”green”)会删除当前数组位置2的项，然后再从位置2开始插入字符串“red”和”green”。
替换——可以指向指定位置插入任意数量的项，且同时删除任意数量的项，只需要指定3个指定参数：起始位置、要删除的项数和要插入的任意数量项。
插入的像是不必与删除的项数相等。例如，splice(2,2,”red”,”green”)会删除当前数组位置2的项，然后再从位置2开始插入字符串“red”和“green”。
splice()方法始终都会返回一个数组，该数组中包含从元素数组中删除的项（如果没有删除任何项，则返回一个空数组）。

例子，使用splice方法的方式：
 

复制代码代码示例:

<script>
var colors = ["red", "green", "blue"];
var removed = colors.splice(0,1);  //删除第一项
alert(colors);  //green,blue
alert(removed);  //red，返回数组中值包含一项

removed = colors.splice(1, 0, "yellow", "orange");  //从位置1开始插入两项
alert(colors);  //green,yellow,organge,blue
alert(removed);  //返回的是一个空数组

removed = colors.splice(1, 1, "red", "purple");  //插入两项，删除一项
alert(colors);  //green,red,purple,orange,blue
alert(remove);  //yellow, 返回的数组中只包含一项
</script>

 

猜想：

参数一：操作(增删)开始位置

参数二：删操作长度

参数n(>2)：增量参数

先删除，再增加