Como remover o item da matriz por valor em JavaScript

Como Remover O Item Da Matriz Por Valor Em Javascript



Um array é uma combinação de elementos que são armazenados em uma única variável. JavaScript fornece vários métodos para adicionar, remover e modificar itens de uma matriz. Cada item possui um índice exclusivo para identificar sua localização na matriz. Neste guia, você remover itens da matriz passando-lhes valores usando JavaScript's filtro() e emenda() métodos. Ao considerar esses métodos integrados, o conteúdo deste guia é o seguinte.

Método 1: Remover item da matriz por valor usando o método splice() em JavaScript

Em JavaScript, um método embutido array.splice() é empregado para remover o item da matriz. O método retorna a nova matriz removendo o valor do item, que é passado pelo índice. A finalidade de usar esse método é substituir a matriz adicionando ou removendo os itens da matriz. Vamos discutir a sintaxe.

Sintaxe







variedade. emendar ( dentro , num , Itens )

Os parâmetros são descritos a seguir:



  • dentro: especifique o número de índice para remover o item.
  • num: representa o número a ser removido.
  • Unid: consulte a adição de itens na matriz.

Código



const arr = [ { num : 5 } , { num : 10 } , { num : quinze } ] ;

const idxObj = arr. findIndex ( objeto => {
Retorna objeto. num === 10 ;
} ) ;

arr. emendar ( idxObj , 1 ) ;
console. registro ( arr ) ;

O código narra a remoção de um item cuja num valor é 10 . Neste código, o arr.splice() é utilizado para remover um item passando o idxObj índice do arr variedade. Finalmente, a nova matriz é exibida usando o console.log() método.





Resultado

A saída retorna o novo array, cujo comprimento é 2. Neste novo array, o item cujo valor é igual a 10 é removido através do arr.splice() método em JavaScript.



Método 2: Remover item da matriz usando o método filter() em JavaScript

o filtro() é empregado para filtrar uma matriz com base nos critérios especificados. Nesse método, os usuários podem especificar o valor para a remoção de itens na matriz. o filtro() O método itera sobre os elementos existentes na matriz. Além disso,

Sintaxe

variedade. filtro ( função ( curVal , idx , arr ) , esteValor )

A descrição dos parâmetros é como abaixo.

  • função: representa a função de retorno de chamada.
  • curVal: especifica o valor do elemento atual.
  • código: refere-se ao índice do elemento atual.
  • arr: representa a matriz.

Exemplo
Um exemplo é usado para remover um item do array passando o valor em JavaScript.

Código

const arr = [
{ nome : 'Atormentar' , mostrar : 'Grilo' } ,
{ nome : 'John' , mostrar : 'Futebol' } ,
{ nome : 'Casar' , mostrar : 'Hóquei' } ,
{ nome : 'Prumo' , mostrar : 'Corrida' } ,
] ;
console. registro ( arr ) ;
rem = arr. filtro ( arr => arr. nome != 'Atormentar' ) ;
console. registro ( rem ) ;

O código é explicado abaixo:

  • Em primeiro lugar, uma matriz arr é criado armazenando diferentes itens, como nomes e mostrar .
  • Depois disso, o filtro() é utilizado passando a condição arr.name!='Harry' .
  • finalmente, o console.log() é empregado para exibir a nova matriz.

Resultado

A saída do código retorna o novo array removendo um item específico cujo valor é igual a “ atormentar ”.

Conclusão

Dois métodos integrados array.splice() e array.filter() métodos são utilizados para remover itens de uma matriz em JavaScript. No array.splice() método, o valor de índice de um item é passado para a remoção de um item especificado na matriz. o array.filter() é empregado para filtrar a matriz existente aplicando condições. Ambos os métodos são úteis para lidar com muitos itens para economizar tempo e esforço para desenvolvedores e usuários. Neste artigo, você aprendeu como remover itens de um array passando valores em JavaScript .