Como trocar um item de um array em JavaScript

Neste artigo você vai aprender a como trocar um item de um array em JavaScript, com uma abordagem super simples!

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

Para trocar um elemento de um array vamos precisar saber o índice do mesmo

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Isso pode ser feito através do método indexOf, depois é uma questão de atribuir o valor para aquele índice

Então estaremos substituindo um elemento por outro no array

Veja um exemplo do que foi explicado acima:

const names = ["Matheus", "João", "Pedro"]

const index = names.indexOf("João");

if (index !== -1) {
    names[index] = "Josias";
}

console.log(names) // ["Matheus", "Josias", "Pedro"]

Veja que na primeira linha temos o array que iremos substituir um item

Depois identificamos o índice do elemento a ser trocado

E por fim fazemos uma checagem, se o resultado de index for -1 o elemento não existe no array, por isso esta validação é necessária

Dentro do if há a substituição de valores, e por fim imprimimos o array modificado, simples não é? 🙂

Conclusão

Neste artigo você aprendeu a como trocar um item de um array em JavaScript

Identificamos o índice do elemento alvo com o método indexOf

E depois realizamos a substituição com uma simples atribuição no índice encontrado

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!