javascript中怎么实现迭代器模式-创新互联
这篇文章给大家介绍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 内部迭代器在调用时非常方便，但是有一个缺点，就是无法同时迭代两个目标值，比如上述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中怎么实现迭代器模式就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
新闻标题：javascript中怎么实现迭代器模式-创新互联
链接URL：http://6mz.cn/article/docehd.html