Javascript for .. of 循环 (ECMAScript 6)

Question

因此新的 ECMAScript 6 引入了 for .. of 循环语法。

不幸的是，没有多少文档可以解释这到底是做什么的。至于它与使用 Array.prototype.forEach 或 for .. in 循环有何不同。

它只是执行 Array.prototype.forEach 的另一种命令式方式吗？

我已经阅读了 Mozilla 的文档 here .但这个想法对我来说还是太模糊了。

有人愿意向这个傻瓜解释一下吗？

Answer 1

快速提示

for..of 获取元素。

var a = ['a','b','c'];

for (let elem of a){
    console.log(elem);
}
// output: 
// 'a'
// 'b'
// 'c'

for..in 获取索引。

var a = ['a','b','c'];

for (let i in a){
    console.log(i);
}
// output:
// 0
// 1
// 2

.forEach 采用元素和索引(可选)。

var a = ['a','b','c'];

a.forEach(function(elem,i){
    console.log(i + ': ' + elem);
});
// output:
// 0: 'a'
// 1: 'b'
// 2: 'c'