ES10 中的 Array.prototype.slice() 方法

在前端开发中，我们经常需要对数组进行操作，其中一个常见的操作就是截取数组中的一部分并返回一个新的数组。在 ES10 中，Array.prototype.slice() 方法被引入并用于实现这个功能。

方法介绍

Array.prototype.slice() 方法用于从现有数组中返回一个新数组。该方法接受两个可选参数，分别是起始索引和结束索引。如果没有传入参数，则会返回原数组的一个副本。

该方法的语法如下：

array.slice(start, end)

其中，start 表示开始截取的索引，end 表示结束截取的索引（不包含该索引对应的元素）。如果没有传入 end 参数，则默认截取到数组的末尾。

需要注意的是，该方法不会修改原数组，而是返回一个新的数组。

示例代码

下面通过一些示例代码来说明 Array.prototype.slice() 方法的用法。

截取指定范围的数组

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice(1, 3);

console.log(newArray); // [2, 3]

上面的代码中，我们首先定义了一个原始数组 originalArray，然后使用 slice() 方法从索引 1 开始截取到索引 3（不包含该索引对应的元素），并将结果保存在一个新的数组中。

复制数组

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice();

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

上面的代码中，我们直接调用 slice() 方法而没有传入任何参数，这样就会返回原数组的一个副本，并将其保存在一个新的数组中。

处理类数组对象

function sum() {
  const args = Array.prototype.slice.call(arguments);
  return args.reduce((prev, curr) => prev + curr);
}

console.log(sum(1, 2, 3)); // 6

上面的代码中，我们定义了一个 sum() 函数，该函数接受任意数量的参数，并使用 slice() 方法将参数列表转换为一个数组。然后，我们使用 reduce() 方法对数组中的元素进行求和，并返回结果。

需要注意的是，arguments 对象是一个类数组对象，它没有 slice() 方法，所以我们需要使用 Array.prototype.slice.call() 来将其转换为一个真正的数组。

总结

Array.prototype.slice() 方法是一个非常有用的数组操作方法，它可以用于截取数组中的一部分并返回一个新的数组，也可以用于复制数组，甚至可以用于处理类数组对象。在实际开发中，我们可以根据具体的需求来灵活使用该方法。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660906b1d10417a2227825d6