for in 和 for of的区别

今天小黑被大佬问了这个问题，答案总是模模糊糊的，于是乎百度一哈：

很多的内容来源于：

for in 和for of的区别 - 简书 

1 forEach 

ES5具有遍历数组功能的还有map，filter，some，every，reduce，reduceRight等：使用foreach遍历数组的话，是不能被break 和 return 返回到外层函数；

break  return

这里我还有一个误解，以为return会报错 ，没想到只是相当于continue；

2 for  in 

for in

（1） for in 返回的是数组的索引。是字符串型数字;

for in 的循环类型

（2）遍历顺序有可能不是按实际数组的内部顺序；

（3）使用for in 会遍历数组所有的可枚举属性，包括原型方法method 和 name 属性；

由此可见，for in 更适合遍历对象，不要使用for in 遍历数组；

for in 遍历对象

通常用for in 来遍历对象的键名：

for in 可以遍历到myObject的原型方法method。如果不想遍历原型方法和属性的话，可以在循环内部判断一下，hasOwnPropery方法可以判断某属性是否是该对象的实例属性；同样可以通过Object.keys（myObject）获取对象的实例属性组成的数组，不包括原型方法和属性；

3 for of 

for of遍历的是数组元素值，返回的只是数组内的元素，而不包括数组的原型属性和索引name

for of 使用遍历数组，数组对象，字符串 ，map，set等御用迭代器对象的集合，但是不能遍历对象，因为没有迭代器对象，和forEach不同，他可以正常响应break，continue和return；

for-of 不支持普通对象，但是如果想要迭代一个对象的属性，可以用for in 循环。或者内奸的Object.keys方法；

遍历map对象时适合用解构。直接拿到key值和value 值；

当为对象添加了toString()方法后，就可以将对象转化为字符串，同样的，可以向任意对象添加Symbol.iterator方法；就可以遍历这个对象了；

for of的步骤：

for of 循环首先调用集合的Symbol.iterator方法，紧接着返回一个新的迭代器对象，迭代器对象可以被视为具有.next()方法的对象；for-of循环将重复调用这个方法，每次循环调用一次；