关于ES6 中 for of 和 for in 的区别

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 函数将对象重新包装一下。

参考:http://es6.ruanyifeng.com/#docs/iterator, https://www.zhangxinxu.com/wordpress/2018/08/for-in-es6-for-of/comment-page-1/

 

注:下载本站视频仅供个人学习使用,禁止用于其他用途,因用户自身造成一切问题与本站无关!版权归原作者所有,本站不承担技术及版权问题,如有侵犯您的权益请联系我们删除

为您推荐

发表评论