Javascript表示..。循环(ECMAScript 6)

Question

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

不幸的是，没有太多的文档可以解释这到底是怎么回事。与使用Array.prototype.forEach或for .. in循环的不同之处。

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

我已经读过Mozilla的这里医生了。但这个想法对我来说还是太模糊了。

有人想跟这个笨蛋解释吗？

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'

Answer 2

mdn文档：

当for...in迭代属性名称时，for...of迭代属性值。

还有什么需要澄清的？

Answer 3

举个例子：

var items = ["a", "b", "c", "d"];
for (let item of items) {
    console.log(item);
}

它实质上等同于：

var items = ["a", "b", "c", "d"];
for (var i = 0; i < items.length; i++) {
    console.log(items[i]); // outputs: a, b, c, d
}

如您所见，for...of只对可迭代对象的值进行迭代，而for...in则迭代任何对象的属性名称。