Remover propriedades vazias de objeto com JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 118 aulas
• 4 projetos
• 9h 33min

Conhecer formação

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!