Neste artigo você vai aprender a excluir item de um array pelo valor da propriedade de um objeto, na linguagem JavaScript
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