4 maneiras de remover um item específico de uma matriz JavaScript

Arrays são uma das estruturas de dados comuns com as quais você interagirá em JavaScript. Ao remover um item de uma matriz, existem diferentes métodos à sua disposição. Tudo depende de onde está o elemento que você deseja remover e como você deseja identificá-lo.

Veja quais são as várias maneiras de remover um elemento de array JavaScript, seja no início, no final ou em algum lugar intermediário.

1. Remova o primeiro elemento de uma matriz

Para remover o primeiro elemento em uma matriz, use o built-in do JavaScript mudança() método. Ele funciona imediatamente removendo o item e, em seguida, deslocando os índices de todos os itens restantes.

Depois de remover o item, o método shift o retorna. Isso significa que você pode atribuir o elemento removido a outra variável e usá-lo mais tarde, se desejar.

Veja como:

const demoArray = [1, 2, 3, 4, 5];
const primeiroElemento = demoArray.shift();





instagram viewer


console.log (demoArray); // registros [2, 3, 4, 5]
console.log (primeiroElemento); // registra 1

2. Remova o último elemento de uma matriz

JavaScript tem um built-in pop() método para remover o último item em uma matriz. Como o mudança() método, pop() retorna o item removido da matriz.

const demoArray = [1, 2, 3, 4, 5];
const últimoElemento = demoArray.pop();
console.log (demoArray); // registros [1, 2, 3, 4]
console.log (últimoElemento); // registra 5

Shift e pop são dois dos mais comuns Métodos de matriz JavaScript, mas eles só podem levá-lo até certo ponto. Além desses dois, existem vários métodos que fornecem mais precisão sobre os elementos que você remove.

3. Usando o operador de exclusão

Como alternativa, você pode usar JavaScript excluir operador para excluir um determinado elemento da matriz em um índice específico. No entanto, ao contrário de outros métodos que vimos antes, há um problema.

O excluir operador apenas remove o valor, deixando uma matriz com uma lacuna vazia em seu índice. No entanto, o comprimento da matriz original permanece o mesmo, mesmo que você exclua o último elemento.

const demoArray = [1, 2, 3, 4, 5];
excluir demoArray[2];
console.log (demoArray[2]); // registra indefinido
console.log (demoArray.length); // registra 5
console.log (demoArray); // registra [1, 2, vazio, 4, 5]

4. Remover um elemento de matriz por valor

Você também pode excluir um item de matriz específico por valor. Não há nenhum método interno para fazer isso, mas você pode combinar dois métodos existentes para fazer isso: índice de() e emenda().

Esses dois permitirão que você remova um elemento específico de uma matriz sem ter um índice. Primeiro, comece encontrando o índice do elemento de interesse usando índice de():

const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
console.log (targetElementIndex); // registra 3

O método indexOf retorna o índice da primeira ocorrência do valor fornecido, mesmo que o valor esteja presente mais de uma vez. Se não encontrar nenhum elemento correspondente, indexOf retorna -1.

Agora que você tem o índice do elemento de destino, pode usar o emenda() método para excluir o item nesse índice. Tudo o que você precisa fazer é passar o índice do elemento de destino como primeiro argumento, seguido do número de itens que deseja remover.

Para remover apenas um único item, passe um valor de 1 como o segundo argumento:

demoArray.splice (targetElementIndex, 1);

O emenda() método retorna uma matriz dos elementos removidos e modificará a matriz original de elementos, assim como mudança() e pop().

Se algum desses métodos for novidade para você, confira nosso folha de dicas JavaScript completa. Ele contém todos os métodos de array disponíveis para você, não apenas para remover, mas para outras operações como adicionar, repetir, inverter e filtrar itens.

Trabalhe com arrays JavaScript como um profissional

Saber como trabalhar com arrays em JavaScript é essencial para todos os desenvolvedores web devido à frequência com que você os encontrará.

Os principais conceitos a serem dominados são todos os métodos integrados à sua disposição que podem ajudá-lo a fazer quase tudo ao trabalhar com arrays.