JavaScript

Como acessar a primeira propriedade de objeto em JavaScript

8 de setembro de 2021

Como acessar a primeira propriedade de objeto em JavaScript

Neste artigo você vai aprender a como acessar a primeira propriedade de objeto com JavaScript, de uma maneira super simples!

Como acessar a primeira propriedade de objeto capa

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

Nos objeto Object temos o método keys, que podemos passar um objeto como argumento

E então receberemos um array com os nomes das propriedades, se acessarmos a propriedade número 0 teremos o nome da primeira

Sabemos que com o nome é possível acessar a propriedade de um objeto, então basta passar esse resultado ao objeto com notação de colchetes

Veja o exemplo completo (é mais simples do que aparenta xD):

const pessoa = {
	nome: "Matheus",
  idade: 30
}

console.log(pessoa[Object.keys(pessoa)[0]]); // Matheus

Note que como estamos trabalhando com operações de JavaScript não é possível utilizar a notação de ponto, como aqui:

console.log(pessoa.nome)

Pois o JavaScript não consegue ser interpretado

E o que o estamos executando, é basicamente isso aqui:

console.log(pessoa["nome"])

Só que não sabemos o nome da propriedade, então acessamos via aquele código dinâmico demonstrado no primeiro exemplo 🙂

Conclusão

Neste artigo você aprendeu a como acessar a primeira propriedade de objeto, utilizando JavaScript

Basicamente criamos uma forma dinâmica de acessar a propriedade

Utilizando o método keys de Object, e o índice 0 do array que é gerado, o que resulta no nome da primeira propriedade de um objeto, independente do nome dela

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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x