第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

【十月打卡】第73天 前端常用的7種設計模式(9)

標簽:
設計模式

迭代器模式

什么是迭代器模式

普通for循环示例

const arr = [1, 2, 3, 4];
const len = arr.length;
for(let i = 0; i < arr.length; i++){
  console.log(arr[i])
}

普通for循环可以用来遍历有序数据,但是存在一些问题。

  • 需要知道数据的内部结构
  • 遍历的时候需要获取长度,需要手动获取数据的元素

迭代器也可以用来遍历有序数据结构,和普通for循环不同的是:

  • 迭代器不需要知道数据的内部结构
  • 迭代器不需要手动获取元素
  • 使用者和目标数据分离,符合高内聚低耦合

所以,对于一些不知道长度,无法手动获取元素的有序数据结构,可以使用迭代器来遍历。

简单的迭代器forEach

const arr=[1, 2, 3]
arr.forEach( item => {
	console.log(item)
})

代码示例和UML类图

代码示例:

class DataIterator {
  private _data: number[];
  private _index = 0;
  constructor(container: Container) {
    this._data = container.data;
  }

  next(): number | null {
    if (this.hasNext()) {
      return this._data[this._index++];
    }
    return null;
  }

  hasNext(): boolean {
    if (this._index >= this._data.length) return false;
    return true;
  }
}

class Container {
  data: number[] = [1, 2, 3, 4];

  getIterator(): DataIterator  {
    return new DataIterator(this);
  }
}

const container = new Container();
const iterator = container.getIterator();
while (iterator.hasNext()) {
  console.log(iterator.next());
}

UML类图:
图片描述

點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消