js-ES6学习笔记-for...of循环

1、一个数据结构只要部署了Symbol.iterator属性,就被视为具有iterator接口,就可以用for...of循环遍历它的成员。也就是说,for...of循环内部调用的是数据结构的Symbol.iterator方法。

2、for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、后文的 Generator 对象,以及字符串。

3、for...of循环可以代替数组实例的forEach方法。

4、JavaScript原有的for...in循环,只能获得对象的键名,不能直接获取键值。ES6提供for...of循环,允许遍历获得键值。

5、如果要通过for...of循环,获取数组的索引,可以借助数组实例的entries方法和keys方法。

6、Set 结构遍历时,返回的是一个值,而 Map 结构遍历时,返回的是一个数组,该数组的两个成员分别为当前 Map 成员的键名和键值。

7、对于字符串来说,for...of循环还有一个特点,就是会正确识别32位 UTF-16 字符。

8、并不是所有类似数组的对象都具有 Iterator 接口,一个简便的解决方法,就是使用Array.from方法将其转为数组。

9、for...in循环主要是为遍历对象而设计的,不适用于遍历数组。遍历数组使用for...of更优。

原文地址:https://www.cnblogs.com/zczhangcui/p/6506607.html