JS基础 - 数组 - 高级API - slice方法和splice() 方法

slice方法

---

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

说明

请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。

提示和注释

注释：您可使用负值从数组的尾部选取元素。

注释：如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。

实例

例子 

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

var arr = [1, 3, 5, 7, 9, 11];

console.log(arr);
console.log(arr.slice(1));             //从数组下标为1开始，到数组结束
console.log(arr.slice(1, 4));          //从数组下标为1开始，到数组下标4结束，但不包括4
console.log(arr.slice(1, -2));         //传入负数的运算规则：数组的长度加上负数

输出结果：

[1, 3, 5, 7, 9, 11]
[3, 5, 7, 9, 11]
[3, 5, 7]
[3, 5, 7]

---

splice() 方法

定义和用法

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

注释：该方法会改变原始数组。

语法

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

参数	描述
index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX	可选。向数组添加的新项目。

返回值

类型	描述
Array	包含被删除项目的新数组，如果有的话。

说明

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

如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。
所有主流浏览器都支持 splice() 方法。

提示和注释

注释：请注意，splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。

实例

例子 1

在本例中，我们将创建一个新数组，并向其添加一个元素：

var arr = [1, 3, 5, 7, 9, 11];

console.log(arr);
arr.splice(2, 0, 8);   //没有删除元素
console.log(arr);

输出结果：

[1, 3, 5, 7, 9, 11]
[1, 3, 8, 5, 7, 9, 11]

例子 2

在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：

var arr = [1, 3, 5, 7, 9, 11];

console.log(arr);
arr.splice(2, 1, 8);   //删除index=2上的元素
console.log(arr);

输出结果：

[1, 3, 5, 7, 9, 11]
[1, 3, 8, 7, 9, 11]

例子 3

在本例中我们将删除从 index 2开始的三个元素，并添加一个新元素来替代被删除的元素：

var arr = [1, 3, 5, 7, 9, 11];

console.log(arr);
arr.splice(2, 3, 8);   //从index=2开始，删除三个元素，添加一个元素
console.log(arr);

输出结果：

[1, 3, 5, 7, 9, 11]
[1, 3, 8, 11]