天天看点

Iterator 和 for...of 循环Iterator (遍历器)for … of循环

**javascript 原有表示集合的数据结构主要是数组(Array)和对象(Object),ES6又新增了 Set 和 Map **

Iterator (遍历器)

1、Iterator 概念

Iterator是一种接口,为不同的数据结构提供统一的访问机制,任何数据结构只要部署Iterator接口,就可以完成遍历操作。

2、作用

a、为各种数据结构提供一个统一的、简单的访问接口

b、是的数据结构的成员能够按照某种次序排列

c、es6创建了一种新的遍历口令 for…of 循环,Iterator接口主要提供for…of消费

for … of循环

一个数据结构只要部署了Symbol.Iterator属性,就可以使用for…of循环遍历。

1:使用范围:数组、Set、Map、某些类似数组的对象(比如:arguments对象、DOM NodeList对象)、Generator 对象,以及字符串。

遍历语法的比较

1:for 循环 js最原始的写法

2:forEach() :数组提供了forEach(),无法中途跳出forEach循环,break和return命令都不能奏效

3:for … in 获取对象的键名,不能直接获取键值

for…in缺点:

1:数组的键名是数字,但是for…in循环是以字符串作为键名“0”、“1”、“2”等等

2:for…in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型链上的键。

3:某些情况下,for…in循环会以任意顺序遍历键名

总之,for…in循环主要是为遍历对象而设计的,不适用于遍历数组。

4:for … of 循环读取键值,若要获取数组的索引,可以借助数组实例entries方法和keys方法

1、 有着同for…in一样的简洁语法,但是没有for…in那些缺点。

2、不同于forEach方法,它可以与break、continue和return配合使用。

3、提供了遍历所有数据结构的统一操作接口