Loop pelas propriedades de um objeto. (#Javascript, #js, #dev, #loop)

Posted on by

Neste post mostro duas formas de fazer um loo pe passar por todas as chaves/propriedades de um objeto javascript.Para os dois exemplos, considere o objeto abaixo:

const foo = {
    bar: 42,
    other: "thing",
    email: "a@email.com"
}

 

 

Utilizando a sintaxe for…in

for (const key in foo) {
  console.log("Key:" + key, "Value: " + foo[key]);
}

O loop acima vai retornar chave a chave do objeto. Com estas informações, você consegue acessar os valores do objeto.

 

 

Utilizando Object.keys

const keys = Object.keys(foo);

 

O código acima retorna um array com as chaves do objeto. A partir daí, você pode fazer uma iteração pelo vetor e acessar os valores.

 

Exemplo:

keys.forEach(key => {
   console.log("Key:" + key, "Value: " + foo[key]);
});

//alternative
Object.keys(foo).forEach(key => {
   console.log("Key:" + key, "Value: " + foo[key]);
});

Nestes dois últimos exemplos, utilizei a função forEach para fazer a iteração pelas chaves obtidas com o Object.keys(foo).

 

Fiz um exemplo deste post no JSFiddle.

 

 

Espero ter ajudado!

The following two tabs change content below.
My Twitter profileMy Facebook profileMy Google+ profileMy LinkedIn profile

Breno RdV

Arquiteto de Software e Desenvolvedor Backend (quase Fullstack), geralmente trabalho com C#, PowerShell, Python, Golang, bash e Unity (esse é mais por hobby). Estou sempre buscando algo novo para aprender, adicionando novas ferramentas ao meu cinto de utilidades.
Posted in Dev, JavaScript and tagged , , , , , .