for...in与for...of的区别

for...in

1.遍历对象的可枚举属性名  

       (enumerable：true，通过Object.defineProperty(obj,prop,descriptor)修改，通过obj.propertyIsEnumerable(prop)进行判断)

2.向上查找原型链中的属性

     （如仅想遍历自身属性，加一层if，通过hasOwnProperty()筛选）

for...of

1.遍历可迭代对象的属性值

     （可迭代对象包括 Array，Map，Set，String，TypedArray，arguments 对象等，普通对象如需使用可用Object.keys(obj)访问）

2.仅迭代自身属性,且不含自定义属性的值

var arr=[1,2,3,'hi'];
arr.name='test';

for(let key in arr){console.log(key);}    //0,1,2,3,name
for(let val of arr){console.log(val);}    //1,2,3,hi

 

参考：https://github.com/wujunchuan/wujunchuan.github.io/issues/11