Como inverter um array em JavaScript

Jan 23 2023
Neste artigo vamos aprender como inverter um array em JavaScript. Há mais de uma maneira de fazer isso: é melhor você na fase de produção usar o que está na língua, mas na fase de aprendizado é melhor entender o que está acontecendo nos bastidores.

Neste artigo vamos aprender como inverter um array em JavaScript.

Há mais de uma maneira de fazer isso:

  • Usando reverse()o método (embutido)
  • Usando loop for

É melhor você na fase de produção usar o que está na linguagem, mas na fase de aprendizado é melhor entender o que está acontecendo nos bastidores.

nosso problema

Agora, qual é o nosso problema? O problema é que existe um array e queremos invertê-lo.

Imagine que existe um array assim:

[1, 2, 3, 4, 5]

[5, 4, 3, 2, 1]

  • Usando reverse()o método (embutido)
  • Usando loop for

Podemos usar reverse()o método para resolver nosso problema.

Exemplo

// Array
let myArray = [1, 2, 3, 4, 5];

// Reverse the array
let reversedArr = myArray.reverse();
// Result:
console.log(reversedArr);

[ 5, 4, 3, 2, 1

Agora, antes de escrever o código, devemos entender como vamos resolver esse problema por loop for?

Primeiro, iteração usando for iterar sobre cada elemento da matriz, certo?

Bem, aqui significa que podemos começar do último elemento da matriz para o primeiro elemento (o oposto)

Em seguida, podemos adicionar cada elemento a uma nova matriz.

Resuma a solução da seguinte forma:

  • Iterar sobre cada elemento em nossa matriz
  • A iteração começará do último para o primeiro
  • 5, 4, 3, 2, 1
    

// Array
let myArray = [1, 2, 3, 4, 5];

// Create new array
let result = [];
// Iterate over every element in our array
for (let i = myArray.length - 1; i >= 0; i--) {
    // Add every element to new array
    result.push(myArray[i]);
}
// Result:
console.log(result);

[ 5, 4, 3, 2, 1 ]

Obrigado por ler meu blog, você pode ler mais artigos incríveis do meu blog