博客

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。

语法如下：

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

各项参数如下：

index：必需项且为整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。index从0开始，0表示第一个位置。

howmany：必需项。要删除的项目数量。如果设置为 0，则不会删除项目。

item1, …, itemX：可选。向数组添加的新项目。

返回值如下：

array数组，包含被删除项目的新数组，如果有的话。

说明：

splice() 方法可删除从 index 处开始（不包含index）的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

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

所有主流浏览器都支持 splice() 方法。需要注意的是，splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。

下面我们一起来看一些例子。

注意，以下数组中的括号不可以省略哦。

例子一：

var arr = new Array(["George","John","Thomas","James","Adrew","Martin"]);
document.write(arr + "<br />");
arr.splice(2,0,"William");
document.write(arr + "<br />");

这表示从第2个位置（即index=1）开始，删除0个项目，并在删除的位置（即第2个位置）插入William。输出如下：

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

例子二：

var arr = new Array(["George","John","Thomas","James","Adrew","Martin"]);
document.write(arr + "<br />");
arr.splice(2,1,"William");
document.write(arr);

这表示从第二个位置删除1个项目，并在删除的位置插入William。输出如下 ：

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

例子三：

var arr = new Array(["George","John","Thomas","James","Adrew","Martin"]);
document.write(arr + "<br />");
arr.splice(2,3,"William");
document.write(arr);

这表示从第2位置删除3个项目，并在删除的位置插入William。输出如下：

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

例子四：

var arr = new Array(["George","John","Thomas","James","Adrew","Martin"]);
document.write(arr + "<br />");
arr.splice(2,2);
document.write(arr);

这表示从第2位置删除2个项目，输出如下：

George,John,Thomas,James,Adrew,Martin
George,John,Adrew,Martin

例子五：

var arr = new Array(["George","John","Thomas","James","Adrew","Martin"]);
document.write(arr + "<br />");
arr.splice(2,2,"William","Robert");
document.write(arr);

这表示从第2位置删除2个项目，并在删除位置插入William、Robert。输出如下：

George,John,Thomas,James,Adrew,Martin
George,John,William,Robert,Adrew,Martin