Neste artigo você verá como remover propriedades vazias de objeto em JavaScript, utilizando a função filter
Fala programador(a), beleza? Bora aprender mais sobre objetos em JavaScript!
O que faremos será o seguinte: um filtro que vai verificar o valor de cada uma das propriedades
Se elas estiverem com valores vazios, as mesmas são extraídas do objeto
Poderíamos fazer com um for loop, mas vamos utilizar a função filter
Que tem como realizar tanto a iteração entre todos os elementos do objeto, como também a remoção deles
Veja um código de exemplo:
function removeEmptyProperties(obj) {
return Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null));
}
const user = {
name: "Matheus",
age: 31,
job: null,
test: undefined
}
const userUpdated = removeEmptyProperties(user)
console.log(userUpdated) // {age: 31, name: "Matheus"}
Na primeira linha criamos a função que vai extrair as propriedades sem valor
Nesta função é possível remover valores como null e undefined, se você deseja outro tipo coloque mais uma verificação na função
No objeto userUpdated temos a ausência das propriedades que não possuem valor
Sobrando apenas name e age, que possuiam dados
Object.entries nos permite iterar no objeto, pois nos retorna um array
Conclusão
Neste artigo você viu como remover propriedades vazias de objeto em JS
Criamos uma função com o método filter para identificar valores nulos e os remover
Assim temos o resultado desejado com o retorno desta função
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!