JavaScript Remover índice do Array

Este tutorial ensina como remover um elemento específico de um array em JavaScript.

Use a função splice() para remover um elemento específico do array JavaScript

O método splice() pode modificar o conteúdo do array adicionando/removendo elementos. Leva os seguintes 3 argumentos:

1. index: Um valor inteiro que especifica a posição para adicionar/remover elementos. Podemos até especificar um índice na parte de trás do array usando índices negativos.
2. howmany: é um parâmetro opcional. Ele especifica quantos itens serão removidos do array. Se for definido como 0, nenhum item será removido.
3. item1, item2, ... ,itemx: Os itens a serem adicionados à matriz.

const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
  array.splice(index, 1);
}
console.log(array);

Resultado:

[1, 2, 4, 5]

No código acima, primeiro encontramos o índice do elemento que queremos remover e, em seguida, usamos o método splice() para remover o elemento do array.

Use Array.filter() para remover um elemento específico do array JavaScript

Os métodos filter percorrem o array e filtram os elementos que satisfazem uma determinada condição. Podemos usá-lo para remover o elemento de destino e manter o restante deles. Isso nos ajuda a remover vários elementos ao mesmo tempo.

var toRemove = 1;
var arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item) {
  return item !== toRemove
});
console.log(arr)

Resultado:

[2, 3, 4, 5]

Usamos a função filter para manter todos os elementos que não sejam iguais ao elemento a ser removido e atribuímos o array recém-formado ao array original.

Use a biblioteca Underscore.js para remover um elemento específico do array JavaScript

Underscore.js é uma biblioteca muito útil que nos fornece muitas funções úteis sem estender nenhum dos objetos embutidos. Para remover os elementos alvo de um array JavaScript, temos que usar a função without(). Esta função retorna uma cópia do array com todas as cópias do elemento de destino removidas.

const arr = [1, 2, 1, 0, 3, 1, 4];
arr = _.without(arr, 0, 1);
console.log(arr);

Resultado:

[2, 3, 4]

No código acima, passamos o array e os elementos a serem removidos 0 e 1 para a função sem. Ele retorna uma novo array com esses elementos removidos, que armazenamos novamente em arr.

Use a biblioteca Lodash para remover um elemento específico do array JavaScript

Lodash é uma ótima biblioteca que nos permite importar apenas as funções de que precisamos e não a biblioteca completa. Ele tem uma função chamada remove(), que pode remover um elemento específico do array. Esta função pega o array e uma função para verificar as condições correspondentes ao elemento a ser removido do array.

var arr = [1, 2, 3, 4];
var greater = _.remove(arr, function(n) {
  return n > 2;
});
console.log(arr)

Resultado:

[1,2]

No código acima, passamos o array e uma função verificando se os elementos são maiores que 2 para a função remove da biblioteca lodash. Ele remove todos os elementos maiores que 2 do array.