共计 1929 个字符，预计需要花费 5 分钟才能阅读完成。
在过来，有两种办法能够遍历 javascript。
首先是经典的 for i 循环，它使你能够遍历数组或可索引的且有 length 属性的任何对象。
其次是 for … in 循环，用于循环一个对象的键 / 值对。
for … in 循环通常被视作旁白，因为它循环了对象的每一个可枚举属性 [1]。这包含原型链中父对象的属性，以及被调配为办法的所以属性。换句话说，它遍历了一些人们可能想不到的货色。应用 for … in 通常意味着循环块中有很多爱护子句，以避免出现不须要的属性。
晚期的 javascript 通过库解决了这个问题。许多 JavaScript 库（例如：Prototype.js，jQuery，lodash 等）都有相似 each 或 foreach 这样的工具办法或函数，可让你无需 for i 或 for … in 循环去遍历对象和数组。
for … of 循环是 ES6 试图不必第三方库去解决其中一些问题的形式。
for … of
for … of 循环
它将遍历一个可迭代（iterable）对象。
可迭代对象是定义了 @@ iterator 办法的对象，而且 @@iterator 办法返回一个实现了迭代器协定的对象，或者该办法是生成器函数。
在这句话中你须要了解很多货色：
· 可迭代的对象
· @@iterator 办法（@@是什么意思？）
· 迭代器协定（这里的协定是什么意思？）
· 等等，迭代（iterable）和迭代器（iterator）不是一回事？
· 另外，生成器函数又是什么鬼？
上面一一解决这些疑难。
内置 Iterable
首先，javascript 对象中的一些内置对象人造的能够迭代，比方最容易想到的就是数组对象。能够像上面的代码中一样在 for … of 循环中应用数组：
输入后果是数组中的所有元素。
apples
oranges
pears
还有数组的 entries 办法，它返回一个可迭代对象。这个可迭代对象在每次循环中返回键和值。例如上面的代码：
将输入以下内容
[0, ‘apples’]
[1, ‘oranges’]
[2, ‘pears’]
当用上面的语法时，entries 办法会更有用
在 for 循环中申明了两个变量：一个用于返回数组的第一项（值的键或索引），另一个用于第二项（该索引理论对应的值）。
一个一般的 javascript 对象是不可迭代的。如果你执行上面这段代码：
会失去一个谬误
$ node test.js
/path/to/test.js:6
for(const [key, value] of foo) {
TypeError: foo is not iterable
然而全局 Object 对象的动态 entries 办法承受一个一般对象作为参数，并返回一个可迭代对象。就像这样的程序站长交易：
可能失去你冀望的输入：
$ node test.js
apples : oranges
pears : prunes
创立本人的 Iterable
如果你想创立本人的可迭代对象，则须要破费更多的工夫。你会记得后面说过：
可迭代对象是定义了 @@ iterator 办法的对象，而且 @@iterator 办法返回一个实现了迭代器协定的对象，或者该办法是生成器函数。
搞懂这些内容的最简略办法就是一步一步的去创立可迭代对象。首先，咱们须要一个实现 @@iterator 办法的对象。@@ 表示法有点误导性，咱们真正 要做的是用预约义的 Symbol.iterator 符号定义方法。
如果用迭代器办法定义对象并尝试遍历：
失去一个新谬误：
for(const [key, value] of foo) {
^
TypeError: Result of the Symbol.iterator method is not an object
这是 javascript 通知咱们它在试图调用 Symbol.iterator 办法，然而调用的后果不是对象。
为了打消这个谬误，须要用迭代器办法来返回实现了迭代器协定的对象。这意味着迭代器办法须要返回一个有 next 键的对象，而 next 键是一个函数。
如果运行下面的代码，则会呈现新谬误。
for(const [key, value] of foo) {
^
TypeError: Iterator result undefined is not an object
这次 javascript 通知咱们它试图调用 Symbol.iterator 办法，而该对象确实是一个对象，并且实现了 next 办法，然而 next 的返回值不是 javascript 预期的对象。
next 函数须要返回有特定格局的对象——有 value 和 done 这两个键。
done 键是可选的。如果值为 true（示意迭代器已实现迭代），则阐明迭代已完结。
如果 done 为 false 或不存在，则须要 value 键。value 键是通过循环此应该返回的值。
所以在代码中放入另一个程序，它带有一个简略的迭代器，该迭代器返回前十个偶数。
