js中的 for...of 和 for...in

• for…in 可以用在数组，对象，字符串中，返回 arr 和 str 的索引、obj 的key等。
  参考：两者区别
• for … of 循环是ES6引入的新的语法，用for … of循环遍历集合。
  只能用于可迭代对象，如：arr、string。遍历obj会报错，但是obj可以通过Symbol加入iterator和next() 实现可迭代性，就可以用for…of遍历了。
  参考：Symbol使用

区别：

• for…of 只会输出数组中的可枚举属性，加入的key-value的对象不会打印。for…in 则会输出。
• 每个对象将继承objCustom属性，并且作为Array的每个对象将继承arrCustom属性，因为将这些属性添加到Object.prototype和Array.prototype。由于继承和原型链，对象iterable继承属性objCustom和arrCustom。for…in能输出 “arrCustom”, “objCustom”。

Array.from()：接受一个可迭代或类数组的值，返回值是一个真正的数组（如：let arr = Array.from(arrayLike) 。然后就可以对其调用数组方法，如：pop、push等。