JavaScript

Excluir item de um array pelo valor da propriedade

15 de janeiro de 2021

Excluir item de um array pelo valor da propriedade

Neste artigo você vai aprender a excluir item de um array pelo valor da propriedade de um objeto, na linguagem JavaScript

Excluir item de um array pelo valor da propriedade capa

Conteúdo também disponível em vídeo:

Fala programador(a), beleza? Bora aprender mais sobre arrays, objetos e JavaScript!

Para remover um elemento por valor de propriedade vamos utilizar a função filter de arrays

Esta função vai nos dar a possibilidade de rastrear um elemento do array

Faremos então uma comparação do valor atual da iteração com o valor que não queremos remover

Veja um exemplo prático da solução:

var arr = [
	{nome: "Matheus", idade: 29},
  {nome: "Alexia", idade: 25},
  {nome: "Pedro", idade: 33},
  {nome: "Maria", idade: 20}
];

function removeItem(arr, prop, value) {
    return arr.filter(function(i) { return i[prop] !== value; });
};

var arr2 = removeItem(arr, "nome", "Matheus");

console.log(arr2);

E assim temos o elemento com a proriedade nome de valor Matheus removido do array

Note que o filtro retorna de volta todos os elementos que não correspondem com a nossa busca

Adicionando o novo array a execução da função de remoção, temos o array original menos o elemento que queremos remover

Com esta função é possível também definir o valor da propriedade, podendo ser qualquer uma referência para a remoção

Então passamos 3 argumentos:

  • O array para saber quais são os itens;
  • O nome da propriedade que queremos verificar;
  • O valor que precisa ser removido do nosso array;

Observe também que a estrutura original não é modificada, o que pode ser muito interessante para alguns casos

Conclusão

Neste artigo aprendemos a como excluir item de um array pelo valor da propriedade

Utilizamos uma função em conjunto do filter de JavaScript

Ela vai retornar um novo array, apenas com a diferença do elemento removido

De forma simples, sem estruturas de repetição complicadas resolvemos o nosso problema =)

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x