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的区别了（若是后续发现其余的，会继续补充）