這篇文章給大家介紹javascript中怎么實(shí)現(xiàn)迭代器模式，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、古田網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為古田等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

內(nèi)部迭代器

以下自行實(shí)現(xiàn)的類似jquery中$.each()的each()函數(shù)就是內(nèi)部迭代器

//實(shí)現(xiàn)一個(gè)jq的$.each()迭代器var arr = [1, 2, 3, 4, 5, 6, 7, 8]var each = function(arr, callback){  for(var i=0; i

內(nèi)部迭代器在調(diào)用時(shí)非常方便，但是有一個(gè)缺點(diǎn)，就是無法同時(shí)迭代兩個(gè)目標(biāo)值，比如上述each函數(shù)就無法同時(shí)迭代兩個(gè)數(shù)組。

對兩個(gè)數(shù)組做相等性判斷時(shí)，如果不改迭代器內(nèi)部方法實(shí)現(xiàn)，只能通過each的回調(diào)函數(shù)進(jìn)行實(shí)現(xiàn)，雖然能實(shí)現(xiàn)，但不是很優(yōu)雅。

//對兩個(gè)數(shù)組做相等性判斷時(shí)，如果不改迭代器內(nèi)部方法實(shí)現(xiàn)，只能通過each的回調(diào)函數(shù)進(jìn)行實(shí)現(xiàn)，雖然能實(shí)現(xiàn)，但不是很優(yōu)雅。let compare = function (ary1, ary2) {  if(ary1.length !== ary2.length){    throw new Error('ar1和ary2長度不相等。')  }  each(ary1, function (i, n) {    if(n !== ary2[i] ){      throw new Error('ary1和ary2不相等。')    }  })  console.log('ary1和ary2相等!');}compare([1,2,3], [1,2, 3])

外部迭代器

外部迭代器必須顯示請求迭代下一個(gè)元素，雖然這樣做會增加調(diào)用的復(fù)雜度，但也會增強(qiáng)迭代的操作靈活性，程序可以手工控制迭代的過程和順序。

外部迭代器示例代碼1：

let Iterator = function (obj) {  let current = 0;  let next = function () {    current += 1  }  let isNotDone = function () {    return current <= obj.length  }  let getCurrentItem = function () {    return obj[current];  }  return {    next,    isNotDone,    getCurrentItem  }}//外部迭代器通過next方法進(jìn)行手工迭代let arr = ['a', true, false, '10', 88, 741]let iterator1 = Iterator(arr)console.log(iterator1.getCurrentItem()); // aiterator1.next()console.log(iterator1.getCurrentItem()); // trueiterator1.next()console.log(iterator1.getCurrentItem()); // falseiterator1.next()console.log(iterator1.getCurrentItem()); // '10'//改寫compare函數(shù)let compare = function (iterator1, iterator2) {  while(iterator1.isNotDone() && iterator2.isNotDone()){    if(iterator1.getCurrentItem() !== iterator2.getCurrentItem()){      throw new Error('iterator1和iterator2不相等。')    }    iterator1.next()    iterator2.next()  }  console.log('iterator1和iterator2相等。');}let iterator1 = Iterator([1, 2, 3, 4])let iterator2 = Iterator([1, 2, 3, 4, 5])compare(iterator1, iterator2)  //iterator1和iterator2不相等。

外部迭代器示例代碼2：

let Iterator = function (array) {  let nextIndex = 0;  return {    next: function () {      return nextIndex < array.length ?          {value: array[nextIndex++], done: false}:          {done: true};    }  }}let it = Iterator(['a', 3, 10])console.log(it.next().value);  //aconsole.log(it.next().value);  //3console.log(it.next().value);  //10  迭代到這步已經(jīng)把所有值都迭代完成console.log(it.next().done);  //true

關(guān)于javascript中怎么實(shí)現(xiàn)迭代器模式就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

當(dāng)前題目：javascript中怎么實(shí)現(xiàn)迭代器模式-創(chuàng)新互聯(lián)
鏈接URL：http://weahome.cn/article/docehd.html