Remover elementos de um array com JavaScript

Vamos ver neste artigo as diferentes formas de excluir elementos de um array utilizando JavaScript.

Como base, vamos utilizar este array:

var numeros = [1, 2, 3, 4, 5, 7, 8, 9, 10];

Para remover o primeiro elemento de um array, podemos utilizar o método shift().

numeros.shift();

console.log(numeros);

Para remover o último elemento de um array, podemos utilizar o método pop().

numeros.pop();

console.log(numeros);

Para remover um elemento de uma posição qualquer, primeiro se faz necessário localizar este elemento dentro do array. Para isso, podemos utilizar o método indexOf().

var index = numeros.indexOf(3);

Depois de localizar o índice, podemos utilizar o método splice() para remover o elemento desejado.

if (index > -1) {

  numeros.splice(index, 1);

}

Perceba que fizemos uma condição antes de executar o splice. Se o método indexOf() não localizar o elemento desejado, o seu retorno será -1.

O método splice recebe dois parâmetros, o primeiro é a posição no array e o segundo é a quantidade de elementos a remover. O splice modifica o array original e retorna um nova array contendo os elementos que foram removidos.

Uma forma de simplificar o comando acima, seria fazer da seguinte forma:

numeros.splice(numeros.indexOf(3), 1);

Para concluir, vamos ver um exemplo onde podemos excluir várias ocorrências de um mesmo elemento.

var estados = ["RJ", "MG", "SP", "SC", "SP", "SP", "PR", "PE", "PA"];

var buscar = "SP";

var indice = estados.indexOf(buscar);

while(indice >= 0){

    estados.splice(indice, 1);

    indice = estados.indexOf(buscar);

}

console.log(estados);

 

 

Quer conferir mais dicas sobre JavaScript? Clique aqui e veja mais dicas!

Veja outros conteúdos que podem ser de seu interesse