Invertir orden de un array con JavaScript

Invertir orden de un array con JavaScript

En el siguiente tutorial aprenderemos cómo invertir el orden de un array con JavaScript de varias formas

Función reverse

Se utiliza para invertir el orden de cualquier array. Tanto el array original como el que devuelve quedarán invertidos

Ejemplo

var coches = ["Audi", "Mercedes", "Ford"];
var coches2 = coches.reverse();
// coches vale ["Ford", "Mercedes", "Audi"]
// coches2 vale ["Ford", "Mercedes", "Audi"]

Sin modificar el array original

Para que el array original no se modifique y sólo devolver un nuevo array invertido utilizaremos el operador spread …

Ejemplo

var coches = ["Audi", "Mercedes", "Ford"];
var inverso = [...coches].reverse();
// inverso vale ["Ford", "Mercedes", "Audi"]
// coches vale ["Audi", "Mercedes", "Ford"]

Utilizando un bucle

Vamos a invertir el array sin utilizar la función reverse

Ejemplo

var coches = ["Audi", "Mercedes", "Ford"];
var cochesInv = [];
// Recorremos el array desde el final al principio
for(var i = (coches.length - 1); i >= 0; i--){
        // Rellenamos el nuevo array
	cochesInv.push(coches[i]);
}
// cochesInv vale ["Ford", "Mercedes", "Audi"]

Ver Métodos de arrays en JavaScript

Más tutoriales de JavaScript