Como inverter ordem de array em JavaScript

Neste artigo você vai aprender a como inverter ordem de array em JavaScript, utilizando recursos da própria linguagem de maneira simples

Conteúdo também disponível em vídeo:

Fala programador(a), beleza? Bora aprender mais sobre arrays e inversão deste tipo de dado.

Para inverter a ordem de elementos de um array podemos utilizar o método reverse, simples assim

Veja aqui um exemplo prático:

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

arr.reverse();

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

Pronto, problema resolvido!

Porém note que o reverse altera a estrutura original do array, ou seja, ele modifica a variável de origem

Caso você precise manter uma cópia da estrutura original podemos utilizar o slice em conjunto do reverse

Fazendo com que um novo array seja criado, independente do primeiro e depois o invertemos

Veja este exemplo:

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

var arrInvertido = arr.slice(0).reverse();

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

Agora veja que uma outra variável pode ser criada com o resultado do array invertido, não mais alteramos o original

Desta forma temos mais possibilidades ao inverter um array

Note que a inversão não depende do tipo de dado do array, ela trabalha só com a ordem do mesmo

Reposicionando o último elemento para o lugar do primeiro e assim por diante, formando um array ao contrário

Conclusão

Neste artigo aprendemos a como inverter ordem de array em JavaScript

Podemos utilizar o método reverse, que vai inverter a ordem do array alterando a estrutura original dos dados, ou seja, o valor da variável original

Então vimos outro exemplo com slice, que ajuda a proteger a estrutura inicial, criando uma nova variável para o array invertido

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube