ES6 for-of循环

强大的 for-of 循环

• 这是最简洁、最直接的遍历数组元素的语法。
• 这个方法避开了 for-in 循环的所有缺陷。
• 与 forEach()不同的是，它可以正确响应 break、continue 和 return 语句。
• for-in 循环用来遍历对象属性。
• for-of 可以用来遍历的类型：
  • for-of 循环用来遍历数据—-例如数组中的值
  • for-of 循环不仅支持数组，还支持大多数类数组对象
  • for-of 循环也支持字符串遍历，它将字符串视为一系列的 Unicode 字符来进行遍历
  • 它同样支持 Map 和 Set 对象遍历

// uniqueWords为Set对象
var uniqueWords = new Set(words);
for (var word of uniqueWords) { console.log(word); }
// phoneBookMap为Map对象
for (var [key, value] of phoneBookMap) {
  console.log(key + "'s phone number is: " + value);
} 

• 未来的 JS 可以使用一些新型的集合类，甚至会有更多的类型陆续诞生，而 for-of 就是为遍历所有这些集合特别设计的循环语句。
• for-of 循环不支持普通对象，但如果你想迭代一个对象的属性，你可以用 for-in 循 环（这也是它的本职工作）或内建的 Object.keys()方法。

// 向控制台输出对象的可枚举属性
for (var key of Object.keys(someObject)) {
  console.log(key + ": " + someObject[key]);
} 

for-of 循环语句通过方法调用来遍历各种 集合。数组、Maps 对象、Sets 对象以及其它在我们讨论的对象有一个共同点，它们都有一个迭代器方法。

所有拥有Symbol.iterator的对象被称为可迭代的。可迭代对象的概念几乎贯穿于整门语言之中，不仅是 for-of 循环，还有 Map 和 Set 构造 函数、解构赋值，以及新的展开操作符。