JavaScript

Pegar os valores das propriedades de um objeto sem saber o nome da chave em JS

22 de janeiro de 2022

Pegar os valores das propriedades de um objeto sem saber o nome da chave em JS

Neste artigo você vai aprender a como pegar os valores das propriedades de um objeto, sem saber os nomes das chaves do objeto, em JavaScript

Pegar os valores das propriedades de um objeto capa

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

Temo uma abordagem bem simples para resgatar apenas os valores de um objeto

Ou seja, não precisamos nem saber o nome das chaves nele existentes

Precisamos apenas utilizar Object.values, o método retorna uma array com valores

Depois podemos percorrer com um loop, se assim desejarmos

Veja o exemplo na prática, do que foi explicado acima:

const user = {
	name: "Matheus",
  age: 30
}

const values = Object.values(user);

console.log(values); // ["Matheus", 30]

for (const value of values) {
    console.log(value); // "Matheus", 30
}

Primeiro encapsulamos os valores no array chamado values e depois um loop nos valores dele com o for .. of

Desta maneira não há a necessidade de conhecer o objeto previamente, podemos extrair os valores dele de maneira simples

Conclusão

No artigo de hoje você aprendeu a como pegar os valores das propriedades de um objeto com JavaScript

Utilizamos o método values de Object, que nos retorna os valores das propriedades de um objeto em um array

E depois podemos percorrê-las por meio de um loop e realizar as ações necessárias do nosso sistema

Note que o loop que criamos é opcional, você pode realizar outra operação com os valores que nos são entregue

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