• 技术文章 >web前端 >前端问答

    es6遍历器是什么

    长期闲置长期闲置2022-04-26 11:17:54原创303

    在es6中,遍历器(Iterator)是一种接口,用于处理不同的数据结构,为各种不同的数据结构提供统一的访问机制,只要数据结构部署了Iterator接口,就可以完成遍历操作;遍历器能够使得数据结构的成员按某种次序排列。

    本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

    es6遍历器是什么

    JavaScript 原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6 又添加了Map和Set。这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象。这样就需要一种统一的接口机制,来处理所有不同的数据结构。

    遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。

    遍历器Iterator是一种接口,为各种不同的数据结构提供统一的访问机制,即for...of循环。

    任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。

    遍历器的作用

    Iterator 的遍历过程

    每一次调用next方法,都会返回数据结构的当前成员的信息。具体来说,就是返回一个包含value和done两个属性的对象。其中,value属性是当前成员的值,done属性是一个布尔值,表示遍历是否结束。

    示例如下:

    普通实现

        function makeInterator(array){
            let startIndex=0;
            return {
                next:function(){
                    return startIndex<array.length?{value:array[startIndex++],done:false}:{value:undefined,done:true}
                }
            }
        }
        let inter=makeInterator([1,2,3,4]);
        console.log(inter.next());
        console.log(inter.next());
        console.log(inter.next());
        console.log(inter.next());
        console.log(inter.next());

    结果:

    03.png

    【相关推荐:javascript视频教程web前端

    以上就是es6遍历器是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:es6里面has()的用法是什么 下一篇:es6中常量可以修改吗
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• es6二维数组怎么转一维数组• import as在es6中的用法是什么• es6与es5的构造函数有什么区别• map是es6中的方法吗• es6中symbol的用法是什么
    1/1

    PHP中文网