温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript中怎么实现迭代器模式

发布时间:2021-07-06 16:57:17 来源:亿速云 阅读:145 作者:Leah 栏目:开发技术

这篇文章给大家介绍javascript中怎么实现迭代器模式,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

内部迭代器

以下自行实现的类似jquery中$.each()的each()函数就是内部迭代器

//实现一个jq的$.each()迭代器var arr = [1, 2, 3, 4, 5, 6, 7, 8]var each = function(arr, callback){  for(var i=0; i<arr.length; i++){    callback.call(null, i, arr[i])  //把下标和元素当作参数传递给callback参数  }}each(arr, function(i, n){  console.log(i, n);})//类似于jquery的 $.each(arr, function(i,n){})

内部迭代器在调用时非常方便,但是有一个缺点,就是无法同时迭代两个目标值,比如上述each函数就无法同时迭代两个数组。

对两个数组做相等性判断时,如果不改迭代器内部方法实现,只能通过each的回调函数进行实现,虽然能实现,但不是很优雅。

//对两个数组做相等性判断时,如果不改迭代器内部方法实现,只能通过each的回调函数进行实现,虽然能实现,但不是很优雅。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])

外部迭代器

外部迭代器必须显示请求迭代下一个元素,虽然这样做会增加调用的复杂度,但也会增强迭代的操作灵活性,程序可以手工控制迭代的过程和顺序。

外部迭代器示例代码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方法进行手工迭代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函数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  迭代到这步已经把所有值都迭代完成console.log(it.next().done);  //true

关于javascript中怎么实现迭代器模式就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI