Invertir una array en JavaScript

En este artículo, intentaremos comprender cómo podemos revertir una array utilizando varios métodos en JavaScript . Usaremos la siguiente sintaxis para declarar una array. Después de declarar la array, utilizaremos diferentes enfoques para invertir la array.

Sintaxis:

let array_name = [];

Enfoque 1: uso del método reverse() : este enfoque es el más simple y el enfoque nativo que marca el uso del método reverse() disponible en arrays en JavaScript. Primero, declararemos una array con ciertos valores y luego le aplicaremos el método reverse() para imprimir la array invertida.

Ejemplo:

<script>
    let numbers_array = [1, 2, 3, 4, 5];
  
    console.log("Original Array: ");
    console.log(numbers_array);
  
    numbers_array.reverse();
  
    console.log("Reversed Array: ");
    console.log(numbers_array);
</script>

Producción:

Original Array: 
[ 1, 2, 3, 4, 5 ]
Reversed Array: 
[ 5, 4, 3, 2, 1 ]

Enfoque 2: usar el bucle for() inverso : en este enfoque, usaremos el bucle for() para invertir una array. Primero, crearemos una array y luego usaremos el ciclo for para imprimir los elementos de la array en orden inverso.

Ejemplo:

<script>
    let original_array = [1, 2, 3, 4];
  
    let reversed_array = [];
  
    console.log("Original Array: ");
    console.log(original_array);
  
    for (let i = original_array.length - 1; i >= 0; i--) {
        reversed_array.push(original_array[i]);
    }
  
    console.log("Reversed Array: ");
    console.log(reversed_array);
</script>

Producción:

Original Array: 
[ 1, 2, 3, 4 ]
Reversed Array: 
[ 4, 3, 2, 1 ]

Enfoque 3: uso del método unshift(): este enfoque utiliza el método unshift() de JavaScript . Este método agrega elementos al comienzo de la propia array. Usaremos el ciclo forEach() que realizará operaciones en cada elemento de la array. Usaremos una array recién creada en la que agregaremos los elementos de la array anterior pero de manera inversa.

Ejemplo:

<script>
    let original_array = [1, 2, 3, 4, 5, 6];
  
    let reversed_array = [];
  
    console.log("Original Array: ");
    console.log(original_array);
  
    original_array.forEach((element) => {
        reversed_array.unshift(element);
    });
  
    console.log("Reversed Array: ");
    console.log(reversed_array);
</script>

Producción:

Original Array: 
[ 1, 2, 3, 4, 5, 6 ]
Reversed Array: 
[ 6, 5, 4, 3, 2, 1 ]