Iterator概念
Iterator是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即一次处理该数据结构的所以成员)。
手写Iterator接口:
//手写iterator接口
function iterator(arr) {
let index=0;
return{
next:function () {
return index<arr.length?{value:arr[index++],done:false}:{value:undefined,done:true}
}
}
}
const arr=[1,'ok',2];
const it=iterator(arr);
console.log(it.next());//{value: 1, done: false}
console.log(it.next());//{value: "ok", done: false}
console.log(it.next());//{value: 2, done: false}
console.log(it.next());//{value: undefined, done: true}
console.log(it.next());//{value: undefined, done: true}
Iterator接口
默认Iterator接口部署在数据结构的Symbol.iterator属性,Symbol.iterator属性本身也是函数,就是当前数据结构默认的遍历生成器函数。执行这个函数,就会返回一个遍历器。
原生具备Iterator接口的数据结构如下:
1) Array
2) Map
3) Set
4) String
5) TypedArray
6) 函数的argument对象
对于部署了Iterator接口的数据结构都可以使用for of循环。
//for of 循环
const ofArr=[1,2,3];//数组
for(let i of ofArr){
console.log(i)
}
//Set数据结构
const set=new Set(['a','b','c']);
for(let item of set){
console.log(item);
}
//Map数据结构
const map=new Map([['a',1],['b',2],['c',3]]);
for(let data of map){
console.log(data)
}
for(let [key,value] of map){//结构赋值
console.log(key,value);
}
//凡是具有Symbol.iterator属性的结构都具有iterator接口
const arr=[1,2,3];
const set=new Set(['a','b','c']);
const map=new Map([['a',1]]);
const itArr=arr[Symbol.iterator]();
const itSet=set[Symbol.iterator]();
const itMap=map[Symbol.iterator]();
console.log(arr)
console.log(itArr)
console.log(set)
console.log(itSet)
console.log(map)
console.log(itMap)
console.log(itSet.next());
console.log(itSet.next());
console.log(itSet.next());
console.log(itSet.next());
console.log(itSet.next());