Em adição à todas as respostas existentes, existe o for...of do ECMAScript 6 (ou seja, novo :/) que percorre valores de objetos incluindo uma propriedade especial Symbol.iterator
(essa propriedade é um símbolo... e lembrando que símbolos não são enumeráveis!). Instâncias de Array
, Map
, Set
, String
e TypedArray
, e o objeto arguments
gerado por funções já são percorríveis, desde que tenham a propriedade especial Symbol.iterator
.
Observação: só há uma desvantagem em usar o for... of. Ele não te deixa saber qual a índice do valor atual.
P.S.: as classes/interfaces citadas acima armazenam essa propriedade Symbol.iterator
na própria prototype. Essa propriedade deve retornar uma função (se você ver no console, [][Symbol.iterator]
, irá se deparar com uma função nomeada 'values'
), e essa mesma função deveria retornar um objeto. [][Symbol.iterator]()
retorna uma instância nativa de ArrayIterator
.
Exemplo de como percorrer uma Array
com pares de chave e valor:
const pairs = [
[ 'yum', 'yam' ],
[ 'haha', true ]
];
for (let [k, v] of pairs) {
console.log(k, v);
}
Exemplo percorrendo uma Array
de forma comum:
for (let v of [ 1, 2, 3 ]) {
console.log(v);
}