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