对象的成员可以遍历,是因为该对象实现了Iterator 接口。比如数组对象:
for (let i of [1,2]) {
console.log(i);
}
任何数据结构只要部署 Iterator 接口,就可以完成遍历操作,即依次处理该数据结构的所有成员。
迭代器本质 |
迭代器对象本质上,就是一个指针对象。通过指针对象的next()
,用来移动指针。
【迭代器协议】对象必须提供一个next()
,执行该方法要么返回迭代中的下一项,要么就引起一个Stopiteration异常,以终止迭代。
next()
返回一个对象,表示当前数据成员的信息。这个对象具有value
和done
两个属性,value
属性返回当前位置的成员,done
属性是一个布尔值,表示遍历是否结束,即是否还有必要再一次调用next()
。对于遍历器对象来说,done: false
和value: undefined
属性都是可以省略的。
ES6 规定,默认的 Iterator 接口部署在数据结构的Symbol.iterator
属性上。
实现Iterator接口的原生对象 |
原生具备 Iterator 接口的数据结构如下。
- Array
- Map
- Set
- String
- TypedArray
- 函数的 arguments 对象
- NodeList 对象
可以看到Array原型对象实现了Iterator 接口。
那么数组的实例对象也具备这个Symbol.iterator属性。调用试试看:
const arrayIterator=[1,2][Symbol.iterator]();
console.log(arrayIterator);
console.log(arrayIterator.next());
console.log(arrayIterator.next());
console.log(arrayIterator.next());
Symbol.iterator |
Symbol.iterator
属性与Iterator接口大致关系:
对象内定义了一个Symbol类型且描述符为Symbol.iterato
r的属性名,指向Iterator函数。
模拟实现(形似) |
🌰模拟实现
const sym=Symbol('Symbol.iterator');
function iterator(){
//以下伪代码
// return {
// next:function(){
// return {
// value:any,
// done:boolean
// }
// }
// }
}
let obj={
[sym]:iterator
}
模拟实现简单的Iterator 接口 |
function myIterator(arr) {
let index = 0;
return {
next() {
return index < arr.length ? {
value: arr[index++],
done: false//可以省略
} : {
value: undefined,//可以省略
done: true
}
}
}
}
const it = myIterator([1, 2])
console.log(it.next());// {value: 1, done: false}
console.log(it.next());// {value: 2, done: false}
console.log(it.next());// {value: undefined, done: true}
常见的调用了Iterator接口的场合 |
对实现了Iterator接口的数据解构赋值 |
let set=new Set().add(1).add(1).add(2).add(3);//set 不能出现重复值
let [x,y]=set;
console.log({x,y})//{x: 1, y: 2}
let [first,...rest]=set
console.log({first,rest})//{first: 1, rest: [2,3]}
解构需要遍历各个成员。
对实现了Iterator接口的数据使用扩展运算符 |
console.log(...'hello');//h e l l o
其他 |
- for…of
- Array.from()
- Map(), Set(), WeakMap(), WeakSet()(比如new Map([[‘a’,1],[‘b’,2]]))
- Promise.all()
- Promise.race()
- yield *
拓展:Iterator接口和Generator函数 |
Symbol.iterator()
方法的最简单实现,还是使用 Generator 函数。直接用 yield 命令给出每一步的返回值即可。
let myIterable = {
[Symbol.iterator]: function* () {
yield 1;
yield 2;
yield 3;
}
};
[...myIterable] // [1, 2, 3]
参看文档:
Iterator 和 for…of 循环