Ao lidar com os dados em massa, pode haver a necessidade de remover algumas entradas devido a uma atualização. Por exemplo, remover os valores com base em um determinado atributo ou propriedade. Isso resulta no acesso conveniente aos dados relevantes e na exclusão de entradas indesejadas. Em tais situações, remover um objeto de um array por seu valor em JavaScript é muito útil para acessar os dados instantaneamente e salvar a memória.
Este artigo discutirá as abordagens para remover um objeto de uma matriz por seu valor em JavaScript.
Como remover/eliminar um objeto de uma matriz por seu valor em JavaScript?
Para eliminar um objeto de um array por seu valor em JavaScript, aplique as seguintes abordagens:
Vamos discutir cada uma das abordagens indicadas, uma por uma!
Abordagem 1: remover um objeto de uma matriz por seu valor em JavaScript usando os métodos findIndex() e splice()
O ' encontrarIndex() ” retorna o índice (posição) do elemento sem fazer nenhuma alteração no array original. O ' emenda() ” adiciona/remove os elementos específicos do array e também afeta o array original. Esses métodos podem ser utilizados para localizar o índice do objeto que precisa ser removido. Depois disso, o objeto específico é emendado com base no número especificado.
Sintaxe
array.findIndex ( função ( currVal, índice, matriz ) , valor )Nesta sintaxe:
- “ função ” refere-se à função que precisa ser chamada para cada item em uma matriz.
- Os parâmetros da função referem-se ao índice do valor atual na matriz especificada.
- “ valor ” indica o valor que deve ser passado para a função como “ isto ”.
array.splice ( índice, num, novo )
Na sintaxe dada acima:
- “ índice ” aponta para a posição onde os itens devem ser adicionados ou removidos.
- “ num ” representa o número do item.
- “ novo ” corresponde aos novos elementos como substitutos.
Exemplo
Vamos seguir o código abaixo indicado:
< roteiro modelo = 'texto/javascript' >deixar dadoArray = [ { era: 18 } , { era: vinte } , { era: 25 } ] ;
deixar removeObject = dadoArray.findIndex ( objeto = > {
Retorna objeto.idade === 18 ;
} ) ;
console.log ( 'O índice do objeto a ser removido é:' , removeObject ) ;
dadoArray.splice ( removeObject, 1 ) ;
console.log ( 'A matriz depois de remover o objeto por valor torna-se:' , dadoArray ) ;
roteiro >
No trecho de código acima:
- Declare uma matriz de objetos com as propriedades declaradas.
- Na próxima etapa, associe o “ encontrarIndex() ” com o array declarado na etapa anterior.
- Isso levará à iteração de cada elemento (objeto) em uma matriz.
- Como resultado, será exibido o índice do objeto específico da matriz que corresponde ao valor declarado em relação à propriedade, ou seja, 18.
- Depois disso, aplique o “ emenda() ” referindo-se ao índice buscado, que removerá o objeto específico desse índice.
- Observe que ' 1 ” especifica o número de objetos que precisam ser removidos.
- Por fim, exiba a matriz do objeto resultante.
Resultado
Na saída acima, pode-se ver que o índice do objeto específico é exibido e é removido posteriormente.
Abordagem 2: remover um objeto de uma matriz por seu valor em JavaScript usando o método filter()
O ' filtro() ” cria uma nova matriz de itens que passam em um teste específico. Este método pode ser aplicado para filtrar o objeto que precisa ser removido com base em uma condição por meio do operador de comparação.
Sintaxe
array.filter ( função ( val ) , isto )Aqui:
- “ função ” aponta para a função que irá redirecionar para a função de filtragem.
- “ val ” é o valor do elemento atual.
- “ isto ” indica o valor passado para a função.
Exemplo
Vamos ver o exemplo abaixo indicado:
< roteiro modelo = 'texto/javascript' >deixar dadoArray = [ { Tamanho: 35 } , { Tamanho: 40 } , { Tamanho: Quatro cinco } ] ;
console.log ( 'O array dado é:' , dadoArray )
deixar novoArray = dadoArray.filter ( objeto = > {
Retorna objeto.tamanho ! == Quatro cinco ;
} ) ;
console.log ( 'A matriz depois de remover o objeto por valor torna-se:' , novoArray ) ;
roteiro >
Aplique as seguintes etapas, conforme fornecidas nas linhas de código acima:
- Da mesma forma, declare uma matriz de objetos e a exiba.
- Depois disso, aplique o “ filtro() ” método referindo-se aos elementos (objetos).
- Agora, filtre a matriz associada de forma que uma nova matriz seja formada com base na condição satisfeita por meio do “ diferente (!==) ” operador de comparação.
- Por fim, exiba a matriz filtrada.
Resultado
A saída acima indica que a nova matriz de objetos filtrados é formada.
Abordagem 3: remover um objeto de uma matriz por seu valor em JavaScript usando o método pop ()
O ' pop() ” elimina o último elemento em uma matriz e também afeta a matriz original. Este método pode ser utilizado para remover um objeto específico do array e criar um array atualizado com o objeto removido.
Exemplo
O exemplo abaixo ilustra o conceito discutido:
< roteiro modelo = 'texto/javascript' >deixar dadoArray = [ { nome: 'Atormentar' } , { nome: 'Davi' } ]
deixar novoArray = dadoArray.pop ( objeto = > {
Retorna objeto.nome = 'Atormentar'
} )
console.log ( 'A matriz depois de remover o objeto por valor torna-se:' , novoArray ) ;
roteiro >
No trecho de código acima:
- Da mesma forma, declare uma matriz de objetos com as propriedades declaradas.
- Na próxima etapa, aplique o “ pop() ” método para remover o objeto específico com o valor declarado em relação à propriedade “ nome ”.
- Como resultado, apenas um objeto será deixado na matriz resultante “ novoArr ”.
- Por fim, exiba o array do objeto atualizado, ou seja, newArr.
Resultado
A saída acima significa que o requisito desejado foi atendido.
Conclusão
O ' encontrarIndex() ' e ' emenda() ” métodos, o “ filtro() ” ou o método “ pop() ” pode ser aplicado para remover um objeto de uma matriz por seu valor em JavaScript. Essas abordagens removem um objeto específico com base na indexação, filtrando-o por meio do operador not equal(!==) ou simplesmente exibindo-o em uma condição, respectivamente. Este artigo explicou as abordagens para remover/eliminar um objeto de uma matriz por seu valor usando JavaScript.