Como listar as propriedades de um objeto em JavaScript

Neste artigo você vai aprender a como listar as propriedades de um objeto em JavaScript, com um método de Object, o objeto global de JS

Fala programador(a), beleza? Bora aprender mais sobre objetos, métodos e também JavaScript!

Em JavaScript temos diversos objetos globais, como: Array, Number, String e inclusive Object

Formação Recomendada

Formação Claude Code

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

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Este objeto Object é responsável por ações que envolvem os objetos de JavaScript

Nele temos um método que resolve exatamente o problema que este artigo se propõe: exibir todas chaves de um objeto JS

O método em questão é o keys, vamos passar um objeto já criado como parâmetro para ele identificar as propriedades dele

Veja um exemplo prático:

const obj = {
	name: "Matheus",
  age: 30,
  job: "Programador",
  available: true
};

const props = Object.keys(obj);

console.log(props); // ["nome", "idade", "profissao", "available"]

No exemplo acima, atribuimos o um objeto a uma variável, que é chamada de obj

Depois criamos uma outra chamada props, utilizando o método keys no objeto anteriormente criado

Com isso temos o acesso a um array com o nome de todas as propriedades daquele objeto, veja a saída de console.log

E assim resolvemos nosso problema! 🙂

Conclusão

Neste artigo você aprendeu a como listar as propriedades de um objeto em JavaScript

Utilizamos o método keys de Object, passando um objeto como argumento

Isso nos dá um array com todas as propriedades do mesmo

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!