ES6 - lterator

11 篇文章 0 订阅

1. 迭代器(内部迭代器和外部迭代器)

  • 迭代模式:

提供一种方法顺序获得集合对象中的各个元素,是一种最简单也是最常见的设计模式,提供特定的接口。

  • 内部迭代器:

本身是函数,定义好内部迭代规则,外部只需一次初始调用 ; 例如:Array.prototypr.forEach 、jQuery.each 等

  • 外部迭代器:

本身是函数,执行迭代对象,迭代对象必须显示调用,调用复杂度增加,但灵活性强

2. 外部迭代器模拟

let arr = [1,2,3]
    function customIterator(arr2){
        let i = 0
        let next = function(){ 
            return {
                value : arr2[i],
                done : arr.length > ++i
            }
        }
        return {
            next
        }
    }
    let iter =  customIterator(arr)

    console.log( iter.next() )
    console.log( iter.next() )
    console.log( iter.next() )
    // 三次打印结果如下图

在这里插入图片描述

3. 迭代器的目的

由于前端的快速发展,使得数据结构发生了变化,产生了特定对象或者 set、map 等数据结构,前期的 for 循环遍历是无法迭代的,由此 lterator 就产生了,部署在各种数据结构上,使这些数据能被迭代操作。(for of、… 、Array.from)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值