JavaScript Reverse Array

1. Reverter um array usando a função reverse() em JavaScript
2. Reverta um array criando sua própria função em JavaScript

Este tutorial irá discutir a reversão de um array usando a função reverse() e fazendo nossa própria função JavaScript.

Reverter um array usando a função reverse() em JavaScript

Se quisermos reverter um determinado array, podemos usar a função predefinida reverse() em JavaScript. Esta função inverte os elementos de um determinado array. Por exemplo, vamos definir um array e invertê-lo usando a função reverse() e mostrar o resultado no console usando a função console.log(). Veja o código abaixo.

var MyArray = [11, 12, 13, 14];
console.log('Original Array', MyArray)
MyArray.reverse();
console.log('Reversed Array', MyArray)

Resultado:

Original Array(4)[11, 12, 13, 14]
Reversed Array(4)[14, 13, 12, 11]

Como você pode ver na saída, a matriz original está invertida. Você também pode reverter um array contendo strings ou objetos.

Reverta um array criando sua própria função em JavaScript

Se quisermos fazer uma função para reverter um determinado array, podemos usar um loop for e a função length em JavaScript. A função length retorna o número de elementos de um determinado array. Para fazer nossa função funcionar, temos que pegar cada elemento do array fornecido a partir do final, armazená-lo no início em outro array e retorná-lo após o término do loop. Vamos fazer esta função e testá-la com o array definido no método acima e mostrar o resultado no console usando a função console.log(). Veja o código abaixo.

function ReverseArray(arr) {
  var newArray = new Array;
  var len = arr.length;
  for (i = len - 1; i >= 0; i--) {
    newArray.push(arr[i]);
  }
  return newArray;
}
var OriginalArray = [11, 12, 13, 14];
console.log('Original Array', OriginalArray);
var ReversedArray = ReverseArray(OriginalArray);
console.log('Reversed Array', ReversedArray);

Resultado:

Original Array (4) [11, 12, 13, 14]
Reversed Array (4) [14, 13, 12, 11]

Como você pode ver na saída, a matriz original está invertida. Você também pode reverter um array contendo strings ou objetos.