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
- Use
for...in
para iterar sobre objetos, mas prefirafor...of
para arrays. - Combine com
Object.hasOwnProperty
para evitar propriedades herdadas.
O for...in
é ideal para trabalhar com objetos. Experimente usá-lo para explorar propriedades!