JavaScript – 数组 slice() 方法

在JavaScript中，有一种数组方法叫做slice()，它基于给定的起始和结束位置，创建一个新的数组副本。该方法能够将数组的一部分切成另一个数组。

语法

array.slice(start, end)

start: 可选参数，表示切片起始位置的索引。如果没有指定，默认值为 0。如果为负数，则 start 指向从最后一个元素开始计算的位置。
end: 可选参数，表示切片结束位置的索引。如果没有指定，默认为数组的长度。如果为负数，则 end 指向从最后一个元素开始计算的位置(与start相反）。

返回值

slice()方法返回一个由切片后的元素组成的新数组。原始数组不会被改变。

示例

var fruits = ['apple', 'banana', 'orange', 'lemon', 'grape'];

// 基于索引位置进行切片
var citrus = fruits.slice(2, 4);

console.log(citrus); // ['orange', 'lemon']

// 不传 end 参数，表示切到数组结尾
var restFruits = fruits.slice(3); 

console.log(restFruits); // ['lemon', 'grape']

// 切片位置为负数，表示从后往前数
var lastTwoFruits = fruits.slice(-2);

console.log(lastTwoFruits); // ['lemon', 'grape']

应用

slice()方法的应用非常广泛，例如，数组去重：

var arr = [1, 2, 3, 3, 4, 5, 5, 6];

var distinctArr = arr.filter(function(value, index, arr) {
    return arr.slice(0, index).indexOf(value) === -1;
});

console.log(distinctArr); // [1, 2, 3, 4, 5, 6]

注意事项

slice()方法不会修改原始数组，而是返回一个新的切片数组。使用该方法，不会修改原数组中的数据，这对于处理敏感数据非常有用。
当使用array.slice(0)时，它将返回一个原始数组的副本。切片数组与原始数组共享同一个缓存空间，这意味着当切片数组中的元素被修改时，原始数组也会受到影响。
注意切片起始和结束位置的组合，如数组的长度是 n，则slice(-n) 和 slice(0, n)的结果相同。