最直接的区别就是:
for in遍历的是数组的索引（即键名），
而for of遍历的是数组元素值。
Array.prototype.method=function(){}
var myArray=[1,2,4];
myArray.name="数组";
for (var index in myArray)
console.log(myArray[index]); //0,1,2,method,name
for (var value of myArray)
console.log(value); //1,2,4
除此之外还有一些细节:
for in的一些缺陷:
- 索引是字符串型的数字，因而不能直接进行几何运算
- 遍历顺序可能不是实际的内部顺序
- for in会遍历数组所有的可枚举属性，包括原型。例如的原型方法method和name属性
故而一般用for in遍历对象而不用来遍历数组
这也就是for of存在的意义了,for of 不遍历method和name,适合用来遍历数组
那for of有缺点吗? 当然有了:
for of不支持普通对象，想遍历对象的属性，可以用for in循环, 或内建的Object.keys()方法：
Object.keys(myObject)获取对象的实例属性组成的数组，不包括原型方法和属性
for (var key of Object.keys(Object))
console.log(key + ": " + Object[key]);
但是感觉这样有些多此一举,
总结来说:
for of 遍历数组
for in 遍历对象