Repetições com `for...in` no JavaScript

Controle de Fluxo / Tutorial JavaScript

O comando for...in é usado para repetir sobre as propriedades enumeráveis de um objeto.

Sintaxe básica

A sintaxe básica do for...in é a seguinte:

for (variavel in objeto) {
    // Código executado para cada propriedade
}

Exemplo:

let pessoa = { nome: "Arthur", idade: 25 }

for (let chave in pessoa) {
    console.log(chave, ":", pessoa[chave])
}

Saída:

nome : Arthur
idade : 25

Iterando sobre arrays

Embora seja possível usar for...in com arrays, não é recomendado, pois ele itera sobre índices, não valores.

Exemplo:

let numeros = [10, 20, 30]

for (let indice in numeros) {
    console.log("Índice:", indice, "Valor:", numeros[indice])
}

Saída:

Índice: 0 Valor: 10
Índice: 1 Valor: 20
Índice: 2 Valor: 30

Exemplos de cenários reais

Listar propriedades de um objeto

let carro = { marca: "Toyota", modelo: "Corolla", ano: 2020 }

for (let propriedade in carro) {
    console.log(propriedade, ":", carro[propriedade])
}

Saída:

marca : Toyota
modelo : Corolla
ano : 2020

Dicas práticas

  1. Use for...in para iterar sobre objetos, mas prefira for...of para arrays.
  2. Combine com Object.hasOwnProperty para evitar propriedades herdadas.

O for...in é ideal para trabalhar com objetos. Experimente usá-lo para explorar propriedades!