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