for...of和for...in

for…of和for…in

for...in循环读取键名(index)，for...of循环读取键值；for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性，for…in不同

for...in环可以使用的范围包括数组、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、Generator 对象，以及字符串

for...in循环有几个缺点。

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

for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、Generator 对象，以及字符串。对于32 位 UTF-16 字符，其不会遍历而是认为是一个字符。且之间遍历普通对象会报错，可以通过以下几种方法来做计算：

• entries() 返回一个遍历器对象，用来遍历[键名, 键值]组成的数组。对于数组，键名就是索引值；对于 Set，键名与键值相同。Map 结构的 Iterator 接口，默认就是调用entries方法。
• keys() 返回一个遍历器对象，用来遍历所有的键名，（Set键名键值相同）
• values() 返回一个遍历器对象，用来遍历所有的键值。