主要是数组(Array)和对象(Object),ES6 又添加了Map和Set 由于存在有四种数据集合需要统一的处理接口
Iterator 的作用有三个:
一是为各种数据结构,提供一个统一的、简便的访问接口;
二是使得数据结构的成员能够按某种次序排列;
三是ES6 创造了一种新的遍历命令for…of循环,Iterator 接口主要供for…of消费。
遍历过程
(1)创建一个指针对象,指向当前数据结构的起始位置。也就是说,遍历器对象本质上,就是一个指针对象。
(2)第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。
(3)第二次调用指针对象的next方法,指针就指向数据结构的第二个成员。
(4)不断调用指针对象的next方法,直到它指向数据结构的结束位置。
每一次调用next方法,都会返回数据结构的当前成员的信息。具体来说,就是返回一个包含value和done两个属性的对象。其中,value属性是当前成员的值,done属性是一个布尔值,表示遍历是否结束。
默认调用 Iterator 的场合
(1)解构赋值
对数组和 Set 结构进行解构赋值时,会默认调用Symbol.iterator方法。
let set = new Set().add('a').add('b').add('c');
let [x,y] = set;
// x='a'; y='b'
let [first, ...rest] = set;
// first='a'; rest=['b','c'];
(2)扩展运算符
扩展运算符(…)也会调用默认的 Iterator 接口。
var str = 'hello';
[...str] // ['h','e','l','l','o']
(3)yield*
(4)数组遍历的时候就会调用iterator接口,因此接受数组作为参数的都能调用。同时字符串作为类似数组的对象,也具有该接口
for…of循环 for…in 循环
var arr = ['a', 'b', 'c', 'd'];
for (let a in arr) {
console.log(a); // 0 1 2 3
}//for...in只能获得键名
for (let a of arr) {
console.log(a); // a b c d
}//for...of 能获取键值