JavaScript

Como remover um elemento específico de um array em JavaScript

20 de setembro de 2020

Como remover um elemento específico de um array em JavaScript

Neste artigo você vai aprender como remover um elemento específico de um array em JavaScript, utilizando recursos próprios da linguagem

remover um elemento específico de um array em JavaScript

Fala programador(a), beleza? Bora aprender mais sobre remoção de elementos e arrays em JavaScript!

A forma mais simples de remover um elemento específico é saber o índice ou encontrá-lo

E aí retirar este elemento com o método splice

Podemos encontrar o índice do elemento com o método indexOf

Veja um exemplo prático sabendo o índice do elemento:

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

arr.splice(2, 1);

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

Aqui queremos remover o elemento 3 do array, então sabemos que ele está no índice 2

Pois os elementos do array começam a contar pelo índice 0, então bastou utilizar o splice com o segundo parâmetro como 1 para remover um elemento

Agora vamos a um exemplo que precisamos remover um elemento sem saber o índice do mesmo:

var arr2 = ["Matheus", "João", "Pedro", "Ricardo"];

var indice = arr2.indexOf("Pedro");

arr2.splice(indice, 1);

console.log(arr2); // ["Matheus", "João", "Ricardo"]

Aqui queremos remover o elemento Pedro, então encontramos a posição/índice por meio do método indexOf

E aí realizamos o resto da operação da mesma forma que o exemplo superior, removendo apenas um elemento com splice

Recomendo também a leitura deste artigo, de como obter os valores únicos de um array de forma simples em JavaScript

Conclusão

Neste artigo vimos como remover um elemento específico de um array em JavaScript

Utilizamos duas abordagens: sabendo o índice e descobrindo o índice

Caso precisamos descobrir o índice, podemos fazer isso com o método indexOf

E depois remover o elemento com o splice, e se já soubermos o índice é só aplicar o mesmo ao splice

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

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x