JavaScript中如何实现迭代器模式以优化数据遍历?
- 内容介绍
- 文章标签
- 相关推荐
本文共计778个文字,预计阅读时间需要4分钟。
代器模式分为内部迭代器和外部迭代器,内部迭代器在函数内部定义迭代规则,完全接管整个迭代过程,外部迭代器只需一次初始化调用。内部迭代器 + 以下自行实现的类似jque类
迭代器模式分为内部迭代器和外部迭代器,内部迭代器就是在函数内部定义好迭代的规则,它完全接手整个迭代的过程,外部只需一次初始调用。
内部迭代器
以下自行实现的类似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的回调函数进行实现,虽然能实现,但不是很优雅。
本文共计778个文字,预计阅读时间需要4分钟。
代器模式分为内部迭代器和外部迭代器,内部迭代器在函数内部定义迭代规则,完全接管整个迭代过程,外部迭代器只需一次初始化调用。内部迭代器 + 以下自行实现的类似jque类
迭代器模式分为内部迭代器和外部迭代器,内部迭代器就是在函数内部定义好迭代的规则,它完全接手整个迭代的过程,外部只需一次初始调用。
内部迭代器
以下自行实现的类似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的回调函数进行实现,虽然能实现,但不是很优雅。

