在前端开发中，我们经常需要对数组进行操作，其中一个常用的方法是 Array.slice()，它可以返回一个新的数组，包含原始数组中指定的元素。在 ES12 中，Array.slice() 函数有了一些重要的改进，可以更加高效地操作数组。
原始的 Array.slice() 函数
在 ES5 中，Array.slice() 函数可以通过传递两个参数来从原始数组中获取指定范围的元素。例如，下面的代码将返回原始数组中从索引 2 到索引 4 的元素：
const arr = [1, 2, 3, 4, 5]; const slicedArr = arr.slice(2, 5); console.log(slicedArr); // [3, 4, 5]
这段代码中，arr.slice(2, 5) 返回的是从索引 2 到索引 4 的元素，不包括索引 5。这个函数并不会修改原始数组，而是返回一个新的数组。
ES12 中的改进
在 ES12 中，Array.slice() 函数有了一些重要的改进，可以更加高效地操作数组。具体来说，它现在支持负数索引，可以从数组的末尾开始计算索引。例如，下面的代码将返回原始数组中倒数第二个元素和倒数第一个元素：
const arr = [1, 2, 3, 4, 5]; const slicedArr = arr.slice(-2); console.log(slicedArr); // [4, 5]
这段代码中，arr.slice(-2) 返回的是倒数第二个元素和倒数第一个元素。由于没有指定第二个参数，因此它会一直返回到数组的末尾。
Array.slice() 函数还支持从数组的末尾开始计算起始索引。例如，下面的代码将返回原始数组中从倒数第三个元素到倒数第一个元素：
const arr = [1, 2, 3, 4, 5]; const slicedArr = arr.slice(-3, -1); console.log(slicedArr); // [3, 4]
这段代码中，arr.slice(-3, -1) 返回的是从倒数第三个元素到倒数第一个元素，不包括倒数第一个元素。
示例代码
下面是一个示例代码，演示如何使用 ES12 中的 Array.slice() 函数：
-- -------------------- ---- ------- ----- --- - --- -- -- -- --- -- ---------- - --- - --- ----- ---------- - ------------ --- ------------------------ -- --- -- -- -- ---------------------- ----- ---------- - -------------- ------------------------ -- --- -- -- ----------------------- ----- ---------- - ------------- ---- ------------------------ -- --- --
这段代码中，我们首先定义了一个包含 5 个元素的数组 arr。然后，我们使用原始的 Array.slice() 函数和 ES12 中的 Array.slice() 函数来获取不同范围的元素。最后，我们将这些新数组打印到控制台中。
结论
在 ES12 中，Array.slice() 函数有了一些重要的改进，可以更加高效地操作数组。使用这些新的功能，您可以更轻松地从数组中获取指定范围的元素，而无需使用其他函数或修改原始数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6740aa9ed40a3cb159e54935