for...in、for...of、forEach的比较

以数组为例，JavaScript 提供了多种遍历语法。最原始的写法是 for 循环。

for (var index = 0; index < myArray.length; index++) {
	console.log(myArray[index])
}

这种写法比较麻烦，因此数组提供了内置的 forEach 方法。

myArray.forEach(function (value) {
	console.log(value)
})

这种写法的问题在于，无法中途跳出 forEach 循环，break 命令或 return 命令都不能奏效。
for…in 循环可以遍历数组的键名。

for (var index in myArray) {
	console.log(myArray[index])
}

for…in 循环有几个缺点。

• 数组的键名是数字，但是 for…in 循环是以字符串作为键名，“0”，“1”，“2” 等。
• for…in 循环不仅可以遍历数字键名，还会遍历手动添加的其他键，甚至包括原型链上的键。
• 某些情况下，for…in 循环会以任何顺序遍历键名。

总之，for…in 循环主要是为遍历对象而设计的，不适用于遍历数组。
for…of 循环相比上面几种做法有一些显著的优点。
for…of 循环是 ES6 新创造的遍历命令

for (let value of myArray) {
	console.log(value)
}

• 有着同 for…in 一样的简洁语法，但是没有 for…in 的那些缺点。
• 不同于 forEach 方法，它可以与 break、continue、return 配合使用。
• 提供了遍历所有数据结构的统一操作接口。

下面是一个使用 break 语句，跳出 for…of 循环的例子：

for (var n of fibonacci) {
	if (n > 1000)
		break;
	console.log(n);
}

上面的例子会输出斐波纳契数列小于等于1000的项。如果前项大于1000，就会使用 break 语句跳出 for…of 循环。