ES6中for…of与for…in的区别

都是循环,二者的区别在哪
参考:http://es6.ruanyifeng.com/#docs/iterator
1. for…of循环可以代替数组实例的forEach方法,不同于forEach方法,它可以与break、continue和return配合使用。
2. for…in循环主要是为遍历对象而设计的,不适用于遍历数组。
3. JavaScript 原有的for…in循环,只能获得对象的键名,不能直接获取键值。ES6 提供for…of循环,允许遍历获得键值。
4. for…of循环调用遍历器接口,数组的遍历器接口只返回具有数字索引的属性。这一点跟for…in循环也不一样。
5. 对于普通的对象,for…of结构不能直接使用,会报错,必须部署了 Iterator 接口后才能使用。但是,这样情况下,for…in循环依然可以用来遍历键名。对于字符串来说,for…of循环还有一个特点,就是会正确识别 32 位 UTF-16 字符。for…of循环可用于字符串、DOM NodeList 对象、arguments对象。
6. 并不是所有类似数组的对象都具有 Iterator 接口,一个简便的解决方法,就是使用Array.from方法将其转为数组。
7. 对于普通的对象,for…in循环可以遍历键名,for…of循环会报错。
8. 一种解决方法是,使用Object.keys方法将对象的键名生成一个数组,然后遍历这个数组。
9. 另一个方法是使用 Generator 函数将对象重新包装一下。

猜你喜欢

转载自blog.csdn.net/qq_24122593/article/details/81188912