ECMAScript 2019 中的 Array.prototype.reverse：反转数组元素

ECMAScript 2019 在 Array.prototype 上添加了一个新方法 reverse，用于反转数组元素的顺序。这个方法可以很方便地对数组进行操作，因此在前端开发中应该更多地使用它。

语法

reverse 方法没有参数，通过 Array.prototype.reverse() 的形式调用。

array.reverse()

返回值

reverse 方法会返回反转后的数组。

用法

以下是对数组进行反转的示例：

const arr = [1, 2, 3, 4, 5];
const reversedArr = arr.reverse();
console.log(reversedArr); // [5, 4, 3, 2, 1]

可以看到，在 arr.reverse() 方法的调用后，arr 数组的元素顺序被反转，并且返回的数组也是反转后的数组。

除此之外，还可以通过链式调用 reverse 方法进行多次反转操作：

const arr = [1, 2, 3, 4, 5];
const reversedArr = arr.reverse().reverse();
console.log(reversedArr); // [1, 2, 3, 4, 5]

需要注意的是，reverse 方法修改的是原数组，而不是创建一个新的反转数组。

指导意义

使用 reverse 方法可以方便地对数组进行操作，而不必使用繁琐的循环来处理。同时，reverse 方法的使用也可以提升代码效率和可读性。

需要注意的是，反转数组并不总是一种好的选择。在某些情况下，反转数组可能会带来额外的计算成本，因此需要根据具体情况选择是否使用 reverse 方法。

结论

ECMAScript 2019 中的 Array.prototype.reverse 方法，可以以链式调用的形式反转数组元素的顺序，使用它可以提升代码的可读性和效率。使用该方法时需要注意其带来的计算成本，选择合适的场景使用。

示例代码:

const arr = [1, 2, 3, 4, 5];
const reversedArr = arr.reverse();
console.log(reversedArr);

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