3

Remover elementos de um array com JavaScript

Daniel BINS
Daniel BINS

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);

 

0
38

Comentários (0)

None