Iterar sobre as propriedades de um objeto é uma tarefa comum em JavaScript, e pode ser útil em muitos cenários diferentes. Uma maneira de fazer isso é usando o loop for...in, que percorre cada propriedade do objeto e executa uma ação para cada uma delas. Neste artigo, vamos ver como usar o loop for...in para imprimir o conjunto “chave: valor” no console do navegador para cada propriedade de um objeto.

Para começar, vamos criar um objeto simples com algumas propriedades:

const objeto = {
  nome: 'João',
  idade: 30,
  cidade: 'São Paulo'
};

Agora, vamos iterar sobre as propriedades do objeto usando o loop for...in. Para cada propriedade, vamos imprimir no console a chave e o valor correspondente, no formato “chave: valor”:

for (const chave in objeto) {
  console.log(`${chave}: ${objeto[chave]}`);
}

Aqui, usamos a sintaxe ${chave} e ${objeto[chave]} para criar uma string que contém a chave e o valor correspondente de cada propriedade. O operador de colchetes ([]) é usado para acessar o valor da propriedade usando a chave como índice.

Ao executar o código acima no console do navegador, o resultado será algo como:

nome: João
idade: 30
cidade: São Paulo

Com isso, conseguimos iterar sobre as propriedades de um objeto em JavaScript e imprimir “chave: valor” no console do navegador para cada uma delas.