ES6学习（15）- Iterator

Posted on | In

Iterator接口

在整个es6中，操作数据结构，数据结合的读取方式

Iterator 的基本用法

调用方式 arrSymbol.iterator

1
2
3
4
5
6
7
8
{
    let arr=['hello world!'];
    let map= arr[Symbol.iterator]();
    
    console.log(map.next());//Object {value:'hello',done:false}
    console.log(map.next());//Object {value:'world',done:false}
    console.log(map.next());//Object {value:undefined,done:false}
}

自定义 Iterator 接口 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
{
    let obj={
        start:[1,3,2];
        end:[7,9,8];
        //es6新增方式
        [Symbol.iterator](){
           let self = this;
           let index=0;
           let arr=self.start.concat(self.end);
           let len =arr.length;
           return {
           //返回对象必须要包含next()
               next(){
                   //遍历的过程
                   if(index<length){
                       return {
                           value:arr[index++],//当前遍历
                           done:false//表示是否结束
                       }
                   }else{
                       return {
                           value:arr[index++];
                           done:true
                       }
                   }
               }
           }
        }
    }
    for(let key of obj){
        console.log(key);
    }
}

for…of…

1
2
3
4
5
6
{
    let arr=['hello world!'];
    for(let value of arr){
        console.log('value',value);//value hello,value world!
    }
}