Matriz inversa en Javascript sin mutar la matriz original

Array.prototype.reverse invierte el contenido de una matriz en su lugar (con mutación) ...

¿Existe una estrategia similarmente simple para revertir una matriz sin alterar el contenido de la matriz original (sin mutación)?

Puede utilizar slice () para hacer una copia a continuación inversa () se

var newarray = array.slice().reverse();

var array = ['a', 'b', 'c', 'd', 'e'];
var newarray = array.slice().reverse();

console.log('a', array);
console.log('na', newarray);

En ES6:

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

Otra variante ES6:

También podemos usar .reduceRight()para crear una matriz invertida sin realmente invertirla.

let A = ['a', 'b', 'c', 'd', 'e', 'f'];

let B = A.reduceRight((a, c) => (a.push(c), a), []);

console.log(B);

Recursos utiles:

• Array.prototype.reduceRight()
• Arrow Functions
• Comma Operator

Prueba esta solución recursiva:

const reverse = ([head, ...tail]) => 
    tail.length === 0
        ? [head]                       // Base case -- cannot reverse a single element.
        : [...reverse(tail), head]     // Recursive case

reverse([1]);               // [1]
reverse([1,2,3]);           // [3,2,1]
reverse('hello').join('');  // 'olleh' -- Strings too!                              

Una alternativa ES6 usando .reduce()y difundiendo.

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

Básicamente, lo que hace es crear una nueva matriz con el siguiente elemento en foo y distribuir la matriz acumulada para cada iteración después de b.

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

Alternativamente, .reduceRight()como se mencionó anteriormente aquí, pero sin la .push()mutación.

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

Hay varias formas de invertir una matriz sin modificarla. Dos de ellos son

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]);
}

Prueba de rendimiento http://jsben.ch/guftu

EN Javascript simple:

function reverseArray(arr, num) {
  var newArray = [];
  for (let i = num; i <= arr.length - 1; i++) {
    newArray.push(arr[i]);
  }

  return newArray;
}

Invertir en su lugar con intercambio variable solo con fines demostrativos (pero necesita una copia si no desea mutar)

const myArr = ["a", "b", "c", "d"];
const copy = [...myArr];
for (let i = 0; i < (copy.length - 1) / 2; i++) {  
    const lastIndex = copy.length - 1 - i; 
    [copy[i], copy[lastIndex]] = [copy[lastIndex], copy[i]] 
}

es6:

const reverseArr = [1,2,3,4].sort(()=>1)