Aqui vamos escrever um trecho de código javascript que itera pelas propriedades de um objeto, imprimindo no console do navegador, e para cada uma delas, o conjunto “chave: valor”.
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.
Deixe um comentário