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 uma vez que você deseja identificá-lo.
Veja quais são as várias maneiras de remover um elemento de array JavaScript, seja no início, no termo ou em qualquer 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 uma vez que:
const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
console.log(demoArray);
console.log(firstElement);
2. Remova o último elemento de uma matriz
JavaScript tem um built-in pop() método para remover o último item em uma matriz. Uma vez que o mudança() método, pop() retorna o item removido da matriz.
const demoArray = [1, 2, 3, 4, 5];
const lastElement = demoArray.pop();
console.log(demoArray);
console.log(lastElement);
Shift e pop são dois dos métodos de array JavaScript mais comuns, mas eles só podem levá-lo até patente 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 Excluir
Uma vez que escolha, 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 somente remove o valor, deixando uma matriz com uma vazio 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];
delete demoArray[2];
console.log(demoArray[2]);
console.log(demoArray.length);
console.log(demoArray);
4. Remova um elemento da 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);
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 orientação, pode usar o emenda() método para excluir o item nesse índice. Tudo o que você precisa fazer é passar o índice do elemento de orientação uma vez que primeiro argumento, seguido do número de itens que deseja remover.
Para remover somente um único item, passe um valor de 1 uma vez que 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 uma vez que mudança() e pop().
Se alguns desses métodos são novos para você, confira nossa folha de dicas completa de JavaScript. Ele contém todos os métodos de array disponíveis para você, não somente para remover, mas para outras operações uma vez que aditar, repetir, inverter e filtrar itens.
Trabalhe com arrays JavaScript uma vez que um profissional
Saber uma vez que trabalhar com arrays em JavaScript é forçoso 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.