Como trocar elemento de array em JavaScript

Neste artigo você vai aprender a como trocar elemento de array com JavaScript, utilizando várias abordagens

Fala programador(a), beleza? Bora aprender mais sobre arrays em JavaScript!

Trocar elementos de um array em JavaScript é uma tarefa comum que pode ser realizada de várias maneiras.

Neste artigo, vamos apresentar alguns exemplos de código para mostrar como isso pode ser feito.

Uma maneira de trocar elementos de um array é utilizando uma variável temporária. Isso envolve armazenar o valor de um elemento em uma variável, e depois trocar o valor do elemento pelo valor de outro elemento utilizando a variável temporária.

Aqui está um exemplo de como isso pode ser feito:

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

let temp = arr[0]; // armazena o valor do primeiro elemento em uma variável temporária
arr[0] = arr[4];  // troca o valor do primeiro elemento pelo valor do último elemento
arr[4] = temp;    // troca o valor do último elemento pelo valor armazenado na variável temporária

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

Outra maneira de trocar elementos de um array é utilizando destructuring.

Destructuring é uma feature do JavaScript que permite desempacotar valores de arrays ou objetos em variáveis separadas. Aqui está um exemplo de como isso pode ser feito:

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

[arr[0], arr[4]] = [arr[4], arr[0]];  // troca o valor do primeiro elemento pelo valor do último elemento

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

O método splice() também pode ser utilizado para trocar elementos de um array.

Este método permite adicionar ou remover elementos de um array de uma só vez. Aqui está um exemplo de como isso pode ser feito:

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

let element1 = arr.splice(0, 1, arr[4]);  // remove o primeiro elemento e insere o último elemento na sua posição
let element2 = arr.splice(4, 1, element1[0]);  // remove o último elemento e insere o elemento armazenado em element1 na sua posição

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

Por fim, o método reverse() também pode ser utilizado para trocar elementos de um array.

Este método inverte a ordem dos elementos de um array. Aqui está um exemplo de como isso pode ser feito:

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

arr.reverse(); // inverte a ordem dos elementos do array

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

Esses são alguns exemplos de como você pode trocar elementos de um array em JavaScript. Qualquer uma dessas opções pode ser útil dependendo do contexto e da sua necessidade específica.

É importante lembrar que, independentemente da abordagem que você escolher, é importante garantir que o seu código esteja correto e funcione de maneira eficiente.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você viu como trocar elemento de array em JavaScript

Utilizamos diversas abordagens e com exemplos de código

Agora basta escolher qual delas se encaixa melhor no seu projeto e aplicar!

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!