as matrizes JavaScript permitem a criação de um grupo iterável de valores que você pode manipular Adicionando e removendo elementos.

sobre remover elementos, não há uma matriz simples.remover o método então, como você apaga um elemento de um array JavaScript?

o array JavaScript tem uma variedade de maneiras que você pode excluir os valores de array.,

Existem diferentes métodos e técnicas que você pode usar para remover elementos de matrizes JavaScript:

  • pop — Remove o Final de um Array
  • shift — Remove o início de um Array
  • splice — remove a partir de um determinado índice de Matriz
  • filtro — permite que você programaticamente remover elementos de uma Matriz

Você também vai aprender algumas outras maneiras que você pode remover elementos de uma matriz, que pode não ser tão óbvio, como com Lodash.,

A maneira mais simples de remover um ou mais elementos do final de uma matriz de elementos é configurando a propriedade do comprimento para um valor inferior ao valor atual.

qualquer elemento cujo índice seja maior ou igual ao novo comprimento será removido.

O “método pop” remove o último elemento do array, retorna esse elemento, e atualiza a propriedade length.,

o “método pop” modifica o array no qual ele é invocado, isto significa ao contrário do uso do delete, o último elemento é removido completamente e o comprimento do array reduzido.

a Remoção de Elementos no Início de um Array JavaScript

Como remover o primeiro elemento de um array JavaScript?

o “método shift” funciona muito como o método pop, exceto que remove o primeiro elemento de um array JavaScript em vez do último.,

não existem parâmetros uma vez que o método shift apenas removeu o primeiro elemento array.

Quando o elemento é removido, os restantes elementos são deslocados para baixo.

O “shift” método retorna o elemento que foi removido, atualiza os índices dos elementos restantes, e atualiza a propriedade length.

Se não houver elementos, ou o comprimento da matriz for 0, o método retorna indefinido.,

usando o Splice para remover elementos de Array em JavaScript

o” método splice ” pode ser usado para adicionar ou remover elementos de um array.

o primeiro argumento especifica o local onde começar a adicionar ou remover elementos.

o segundo argumento especifica o número de elementos a remover.

O terceiro e os argumentos subsequentes são opcionais, eles especificam elementos a serem adicionados à matriz.,

Aqui nós usamos a emenda método para remover dois elementos de partida da posição três (índice baseado em zero):

Uma matriz contendo as removido elementos é devolvido pelo método splice”.

Você pode ver que a matriz removida contém e a matriz original contém os valores restantes.

Você também pode usar este método para remover uma gama de elementos de uma matriz.,

Remover Itens de Matriz Por Valor Usando a Tala

Se você sabe o valor que você deseja remover, a partir de uma matriz você pode usar o “método splice”.

primeiro, você deve identificar o índice do item alvo.

Você então usa o índice como o elemento inicial e remove apenas um elemento.

Este é um exemplo simples, onde os elementos são números inteiros.,

Se você tem uma série de objetos, você precisa de uma rotina mais sofisticada e isso funciona se você só quiser remover um único item.

Se quiser remover vários itens que correspondam aos seus critérios, existe uma falha.

à medida que os itens são removidos da lista, o índice ainda aumenta e o próximo item após o seu valor correspondido é ignorado.

a solução simples é modificar o exemplo acima para decretar a variável de índice, de modo a não saltar o próximo item da lista.,

no exemplo modificado I adicionou 2 valores adicionais de 5 à lista.

eu também adicionei “i -;” após a consulta.

Agora, quando executar o ciclo, irá remover todos os itens correspondentes.

usando o método do filtro Array para remover itens pelo valor

Ao contrário do “método de splice”, “filtro” cria um novo array.

filter() não altera o array no qual ele é chamado, mas retorna um novo.,

filtro() tem um único parâmetro, um método de callback que é despoletado como o método de filtro itera através dos elementos array.

ele irá passar três valores para o callback: o valor ou elemento atual, o índice da matriz atual e a matriz completa.

o método de callback deve retornar verdadeiro ou falso, é sua responsabilidade testar o valor (elemento) para ver se ele cumpre seus critérios, se ele o fizer, você pode retornar verdadeiro.

elementos que retornam verdadeiros são adicionados a uma nova matriz filtrada.,

Você deve notar uma nova matriz contendo valores correspondentes for devolvido, a matriz original é deixado inalterado.

I find this useful because I often want to retain an original data source, but retrieve subsets based on different logic sets.

o método de remoção da matriz Lodash

por vezes as bibliotecas de utilidade pública são a melhor maneira de resolver problemas mais complexos.

Lodash fornece um rico conjunto de métodos de manipulação de array, um para remover elementos.,

O Lodash “remover” método funciona muito como a matriz “método de filtro”, ele não salva a matriz original de valores, mas remove a correspondência de elementos e retorna um novo array

Tornar um Método de Remover

Como eu mencionei antes, não há Matriz nativa.remover o método.

A Biblioteca Lodash oferece um método que resolve este problema, mas você pode nem sempre querer usar uma biblioteca.

isto não significa que você não pode criar um método de utilidade.,

I criou um método de remoção de Array que pode ser adicionado a uma biblioteca auxiliar ou utilitário.

Como o Lodash “remove method”, o primeiro parâmetro é a matriz de destino.

ele usa Array.filtrar para devolver elementos que não correspondam a um valor.

Este método é simples, ele assume valores simples como números ou cadeias de caracteres, você pode modificar esse método para usar um personalizado método de comparação, mas acho que seria mais fácil apenas usar o método de filtro diretamente.,

Remover Explicitamente os Elementos de um Array Usando o Operador Delete

Você pode remover específica os elementos de um array usando o operador delete

Usando o operador de eliminar a não afetar o comprimento de propriedade.nem afecta os índices dos elementos subsequentes.

A matriz torna-se esparsa, o que é uma maneira chique de dizer que o item excluído não é removido, mas torna-se indefinido.

o “operador de delete” é projetado para remover propriedades de objetos JavaScript, que arrays são objetos.,

A razão pela qual o elemento não é realmente removido do array é que o “operador de delete” é mais sobre libertar memória do que excluir um elemento.

a memória é libertada quando não há mais referências ao valor.

limpar ou reiniciar um Array de JavaScript

e se quiser esvaziar um array inteiro e simplesmente despejar todos os seus elementos?

Existem algumas técnicas que você pode usar para criar um array vazio ou novo.,

O mais simples e rápida é uma técnica para definir uma variável de matriz a uma matriz vazia

O problema que isso pode criar é quando você tem referências para a variável.

as referências a esta variável não vão mudar, eles ainda irão manter os valores da matriz original.

isto pode, naturalmente, criar um bug 🐛.,

Este é um exemplo muito simplificado deste cenário

Um truque simples para limpar uma matriz é definida a sua propriedade length para 0.

Outro, uma espécie de não-naturais técnica, é usar o “método splice”, passando o comprimento da matriz como o 2º parâmetro.,

Isto irá devolver uma cópia de elementos originais, o que pode ser útil para o seu cenário

As duas últimas técnicas não criar uma nova matriz, mas alterar a matriz de elementos, isto significa referências devem também ser atualizados.

Há outra maneira, usando um laço while, parece um pouco estranho para mim, mas ao mesmo tempo parece chique, para que possa impressionar alguns amigos!,

Não gostaria de ir sobre como limpar um array JavaScript, mas funciona e é legível.

alguns testes de desempenho também mostraram que esta é a técnica mais rápida, então talvez seja melhor do que eu originalmente pensei!

resumo

remover itens da lista JavaScript é uma operação que tem muitas facetas, depende de onde e como você deseja remover o elemento.

não existe um único método’ remover ‘ disponível, mas existem diferentes métodos e técnicas que você pode usar para purgar itens de array indesejados.,

Este artigo reviu estes métodos e como eles podem ser usados e eu espero que você tenha aprendido um método que você não sabia.obrigado pela leitura!