使用.reduce()和spread的ES6替代方案。

const foo = [1, 2, 3, 4];
const bar = foo.reduce((acc, b) => ([b, ...acc]), []);

基本上，它所做的是用foo中的下一个元素创建一个新数组，并在b之后的每次迭代中扩展累积的数组。

[]
[1] => [1]
[2, ...[1]] => [2, 1]
[3, ...[2, 1]] => [3, 2, 1]
[4, ...[3, 2, 1]] => [4, 3, 2, 1]

或者如上所述的. reduceright()，但没有.push()突变。

const baz = foo.reduceRight((acc, b) => ([...acc, b]), []);

在ES6:

const newArray = [...array].reverse()

const originalArray = [a, b, c, d, e, f); const newArray = Array.from(originalArray).reverse(); console.log (newArray);

是否有类似的简单策略来反转数组而不改变原始数组的内容(不发生突变)?

是的，有一种方法可以通过使用to[Operation]来实现这一点，它返回一个带有应用操作的新集合(目前处于第3阶段，很快就会可用)。

实现方式如下:

const arr = [5, 4, 3, 2, 1];

const reversedArr = arr.toReverse();

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

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

使用.reduce()和spread的ES6替代方案。

const foo = [1, 2, 3, 4];
const bar = foo.reduce((acc, b) => ([b, ...acc]), []);

基本上，它所做的是用foo中的下一个元素创建一个新数组，并在b之后的每次迭代中扩展累积的数组。

[]
[1] => [1]
[2, ...[1]] => [2, 1]
[3, ...[2, 1]] => [3, 2, 1]
[4, ...[3, 2, 1]] => [4, 3, 2, 1]

或者如上所述的. reduceright()，但没有.push()突变。

const baz = foo.reduceRight((acc, b) => ([...acc, b]), []);

有多种方法可以在不修改的情况下反转数组。其中两个是

var array = [1,2,3,4,5,6,7,8,9,10];

// Using Splice
var reverseArray1 = array.splice().reverse(); // Fastest

// Using spread operator
var reverseArray2 = [...array].reverse();

// Using for loop 
var reverseArray3 = []; 
for(var i = array.length-1; i>=0; i--) {
  reverseArray.push(array[i]);
}

性能测试http://jsben.ch/guftu