for in 和for of的区别

1.遍历数组通常用for循环

ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。

2.for in遍历数组

• index索引为字符串型数字，不能直接进行几何运算
• 遍历顺序有可能不是按照实际数组的内部顺序
• 使用for in会遍历数组所有的可枚举属性，包括原型。
• 所以for in更适合遍历对象，不要使用for in遍历数组。
• for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。
• for of遍历的只是数组内的元素，而不包括数组的原型属性-

3.遍历对象

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

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

总结

• for-of 无法遍历 不可迭代对象
  可迭代对象包括: Array，Map，Set，String，TypedArray，arguments等等
• for-of 遍历的是值，for-in遍历的是key
• 对于普通对象，没有部署原生的 iterator 接口，直接使用 for…of 会报错
• for…in 循环不仅遍历数字键名，还会遍历手动添加的其它键，甚至包括原型链上的键。for…of 则不会这样
• forEach 循环无法中途跳出，break 命令或 return 命令都不能奏效，for…of 循环可以与break、continue 和 return 配合使用，跳出循环
• 无论是 for…in 还是 for…of 都不能遍历出 Symbol 类型的值，遍历 Symbol 类型的值需要用 Object.getOwnPropertySymbols() 方法
• 总之，for…in 循环主要是为了遍历对象而生，不适用于遍历数组
  for…of 循环可以用来遍历数组、类数组对象，字符串、Set、Map 以及 Generator 对象