ES6——for-in和for-of区别

　　for-in和for-of乍一听，以为是一样的，都是用来“遍历”的。但是，既然开发出了两个方法，那就一定有所区别

 

iterable

　　首先，ES6中添加了一个iterable类型，翻译过来叫“可迭代”。

　　在ES6里，数组Arrray、集合Set以及Map（目前我还不了解……）都是“可迭代的”

　　这个“可迭代”添加的目的在于二

　　1.解决for-in遍历索引（属性名）的问题

　　2.解决了map、set无法用下标遍历的问题

 

for-in

　　先看看目的一的问题，即for-in在数组中的使用

　　

　　这里之所以输出name，是因为for-in本身遍历的是属性名，而数组本身是一个对象，属性名即下标，所以输出的都是下标，也自然输出了一个属性名name

　　但问题是，数组中最需要的是每一项，也就是属性值

 

for-of

　　看了for-in在数组中的表现，我们发现，必须找到一个可以直接遍历数组每一项的方法

　　因此，for-of方法就应运而生，遍历时获得其中的每一项（属性值）

　　同时，对于外界给其作为对象而添加的属性值则不会输出（这里name的4没有输出）

　　

 

　　好了，差不多可以说清楚for-in和for-of的区别了（如果后续发现其他的，会继续补充）