Alternativa semelhante: for..in
Em Javascript existe uma versão do for
que possui algumas semelhanças com o foreach
do PHP. É o tipo de construção mais próxima, porém ele existe para iterar sobre propriedades de objetos e não necessariamente índices de vetores. Além disso, não é possível obter a chave e o valor automaticamente.
A sintaxe é:
for (<índice> in <vetor/objeto>)
Exemplo:
var array = [1, 2, 3, 4];
for (index in array) {
var value = array[index];
console.log("array[" + index + "] = " + value);
}
Exemplo funcional no jsfiddle.
Iterando sobre propriedades de objetos
Como mencionei, este tipo de loop não é direcionado exatamente para arrays, sendo útil principalmente para iterar sobre as propriedades de um objeto qualquer:
Exemplo:
var object = { nome: 'Luiz', idade: 29};
for (property in object) {
var value = object[property];
console.log("object[" + property + "] = " + value);
}
Exemplo funcional no jsfiddle.
Uma aplicação comum é simular um mapa ou dicionário de dados. Outro exemplo é um vetor esparso (que não contém todos os índices sequencialmente de 0
a n
.
Atenção para possíveis problemas
Como mencionado em outras respostas e em comentários, o loop for...in
pode resultar em efeitos colaterais indesejados.
Por exemplo, se uma biblioteca definir uma ou mais funções no prototype
do objeto. Estas funções serão incluídas no laço for..in
e seria necessário usar a função hasOwnProperty
para ignorar essas funções "herdadas".
Além disso, não garantido que índices numéricos serão percorridos em alguma ordem.
Dica: evite mexer no prototype
Do meu ponto de vista, mexer no prototype
de objetos comuns deveria ser evitado a todo custo, assim como bibliotecas que fazem tal uso.
Por exemplo, imagine que vamos usar um objeto como um mapa, atribuindo e recuperando dinamicamente atributos do mesmo. Ao percorrer as chaves desse mapa, terei que lembrar de sempre usar a função hasOwnProperty
.
A questão é: deveríamos mesmo ter que se preocupar se que alguém injetou algum elemento "estranho" em nossos objetos? Eu acredito que não.
Na prática...
Embora o for..in
seja sempre acusado de causar problemas, em minha experiência nunca tive dificuldades em usá-lo tanto em arrays quanto em objetos normais, sem o hasOwnProperty
. Provavelmente isso se deve ao fato de nunca permitir código "estranho" injetando funções "mágicas" sem meu conhecimento.
Além disso, embora a ordem dos elementos não seja garantida pela especificação, também nunca presenciei em nenhum navegador índices sendo percorridos fora de ordem, pelo menos em arrays de verdade.
Veja o exemplo abaixo:
var array = new Array();
array.push("A");
array.push("B");
array.push("C");
delete array[1]
array[1] = 2;
for (i in array) {
console.log(i)
}
Mesmo deletando um índice do meio do array e depois redefinindo-o, o resultado será 0
, 1
e 2
, nesta ordem. Veja o jsfiddle. Se alguém descobrir algum navegador que se comporte diferente, por favor, me avise.
Por outro lado, se não usar um array de verdade o resultado é diferente. Veja o exemplo abaixo:
var array = { }
array[0] = "A";
array[2] = "B";
array[1] = "C";
for (i in array) {
console.log(i)
}
Veja o jsfiddle.
Surpreendentemente, o resultado no Chrome é 0
, 1
e 2
. No entanto, no Firefox e IE é 0
, 2
e 1
. Enfim, a não ser que você use um objeto como um vetor esparso, isto é, adicionando elementos maiores antes dos menores, não haveria problemas em usar o for..in
.
Enfim, o mesmo cuidado para uso do for..in
em arrays serve para qualquer objeto, então recomendações como "não use isso" simplesmente não fazem sentido. Mesmo que o prototype
seja alterado, desde que eu use sempre o hasOwnProperty()
e não me importe com a ordem dos elementos, não há problemas em usar este tipo de loop.
Considerações finais
De maneira geral, realmente é melhor evitar o for..in
e optar pelo o for
tradicional. Motivos:
- Você pode vir a precisar de uma biblioteca que altere o
prototype
. É comum ouvir relatos de pessoas que acrescentam uma certa biblioteca Javascript e ela "quebra" sua implementação.
- Evita ainda que outros desenvolvedores usem indevidamente o
prototype
e quebrem o código geral do sistema.
Permite que objetos simulem um array, definindo a propriedade length
e atributos numéricos. Isto é muito útil para rotinas genéricas que recebem vetores. Veja o exemplo abaixo:
var array = {
0: "Primeiro",
1: "Segundo",
2: "Terceiro",
length: 3
};
for (var i = 0; i < array.length; i++) {
console.log('array[' + i + '] = ' + array[i]);
}
Veja o jsfiddle.