ES6中Iterator的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Doulvme/article/details/79948078

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());


阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页