如何遍历一个数组的元素？在 20 年前，当 JavaScript 出现时，你也许会这样做：
for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); }
自从 ES5 开始，你可以使用内置的 forEach 方法：
JavaScript myArray.forEach(function (value) { console.log(value); }); myArray.forEach(function (value) { console.log(value); });
代码更为精简，但有一个小缺点：不能使用 break 语句来跳出循环，也不能使用 return 语句来从闭包函数中返回。
如果有 for- 这种语法来遍历数组就会方便很多。
那么，使用 for-in 怎么样？
for (var index in myArray) { // 实际代码中不要这么做 console.log(myArray[index]); } for (var index in myArray) { // 实际代码中不要这么做 console.log(myArray[index]); }
这样不好，因为：
上面代码中的 index 变量将会是 "0"、"1"、"3" 等这样的字符串，而并不是数值类型。如果你使用字符串的 index 去参与某些运算（"2" + 1 == "21"），运算结果可能会不符合预期。
不仅数组本身的元素将被遍历到，那些由用户添加的附加（expando）元素也将被遍历到，例如某数组有这样一个属性 myArray.name，那么在某次循环中将会出现 index="name" 的情况。而且，甚至连数组原型链上的属性也可能被遍历到。
最不可思议的是，在某些情况下，上面代码将会以任意顺序去遍历数组元素。
简单来说，for-in 设计的目的是用于遍历包含键值对的对象，对数组并不是那么友好。
强大的 for-of 循环
记得上次我提到过，ES6 并不会影响现有 JS 代码的正常运行，已经有成千上万的 Web 应用都依赖于 for-in 的特性，甚至也依赖 for-in 用于数组的特性，所以从来就没有人提出“改善”现有 for-in 语法来修复上述问题。ES6 解决该问题的唯一办法是引入新的循环遍历语法。
这就是新的语法：
for (var value of myArray) { console.log(value); } for (var value of myArray) { console.log(value); }
通过介绍上面的 for-in 语法，这个语法看起来并不是那么令人印象深刻。后面我们将详细介绍for-of 的奇妙之处，现在你只需要知道：
这是遍历数组最简单直接的方法
避免了所有 for–in 语法存在的坑
与 forEach() 不同的是，它支持 break、continue 和 return 语句。
for–in 用于遍历对象的属性。
for-of 用于遍历数据 — 就像数组中的元素。
然而，这还不是 for-of 的所有特性，下面还有更精彩的部分。
支持 for-of 的其他集合
for-of 不仅仅是为数组设计，还可以用于类数组的对象，比如 DOM 对象的集合 NodeList。
也可以用于遍历字符串，它将字符串看成是 Unicode 字符的集合：
它还适用于 Map 和 Set 对象。
也许你从未听说过 Map 和 Set 对象，因为它们是 ES6 中的新对象，后面将有单独的文章去详细介绍它们。如果你在其他语言中使用过这两个对象，那就简单多了。
例如，可以用一个 Set 对象来对数组元素去重：
JavaScript // make a set from an array of words var uniqueWords = new Set(words); // make a set from an array of words var uniqueWords = new Set(words);
当得到一个 Set 对象后，你很可能会去遍历该对象，这很简单：
for (var word of uniqueWords) { console.log(word); } for (var word of uniqueWords) { console.log(word); }
Map 对象由键值对构成，遍历方式略有不同，你需要用两个独立的变量来分别接收键和值：
for (var [key, value] of phoneBookMap) { console.log(key + "'s phone number is: " + value); } for (var [key, value] of phoneBookMap) { console.log(key + "'s phone number is: " + value); }
到目前为止，你已经知道：JS 已经支持一些集合对象，而且后面将会支持更多。for-of 语法正是为这些集合对象而设计。
for-of 不能直接用来遍历对象的属性，如果你想遍历对象的属性，你可以使用 for-in 语句（for-in 就是用来干这个的），或者使用下面的方式：
// dump an object's own enumerable properties to the console for (var key of Object.keys(someObject)) { console.log(key + ": " + someObject[key]); } // dump an object's own enumerable properties to the console for (var key of Object.keys(someObject)) { console.log(key + ": " + someObject[key]); }
内部原理
“好的艺术家复制，伟大的艺术家偷窃。” — 巴勃罗·毕加索
被添加到 ES6 中的那些新特性并不是无章可循，大多数特性都已经被使用在其他语言中，而且事实也证明这些特性很有用。
就拿 for-of 语句来说，在 C++、JAVA、C# 和 Python 中都存在类似的循环语句，并且用于遍历这门语言和其标准库中的各种数据结构。