JavaScript设计模式-迭代者模式(18)

简介: JavaScript设计模式-迭代者模式(18)

迭代器设计模式是指提供一个方法去访问一个有序复杂数据,这些数据在内部有可能会用复杂的结构进行存储,我们可以通过方法进行访问这种数据的内部的每一个元素,使用该数据无需知道是如何拿到的,只要能够进行操作即可

迭代器设计模式在生活中的运用


在生活中我们可以用收音机来表示迭代器设计模式,用户搜索到广播电台,然后从某个广播电台开始,通过向前向后的按钮进行控制遍历收听所有的广播频道,我们也可以以音乐播放器为例子,通过音乐播放器的上一首下一首按钮进行控制播放浏览的音乐,它们也可以说是提供了一个迭代器接口,进行遍历每一个频道或歌曲

迭代器设计模式在业务上的应用


迭代器设计模式在业务中分为内部迭代器和外部迭代器

内部迭代器


内部迭代器我们常见的是数组的forEach方法,内部迭代器一般都有自己的规则,我们需要按照他们特定的要求进行使用,缺点也显而易见,由于迭代规则已经约定好了,我们必须按照他们所约定的规则进行使用,所以我们如果出现某些特性需求,内部迭代器则无法满足

let arr = [{ name: "前端" }, { name: '后端' }, { name: '运维' }];
//通过forEach方法对数据进行迭代,forEach方法接收一个回调函数,该回调函数中接收三个参数,第一个是当前的循环的每一项,第二个是当前索引,第三个是当前迭代的总数组,这就是内部迭代器的规则
        arr.forEach(function(res,index,arr){
            console.log(res.name);
        })

外部迭代器


外部迭代器必须显式的进行迭代,增加了调用的复杂度同时也相对的增加了迭代器的灵活性,可以手动的进行操控迭代过程以及迭代顺序,将迭代相关的数据暴露出来进行处理后返回


我们来手写一个外部迭代器方法,里面拥有一个标记index参数,用于获取下一次数据,拥有一个next方法,该方法会进行对index标记进行自增后然后返回一个对象,对象中拥有俩个参数value是代表着当前标记下的数据,done是当前数据是否还能继续

往下调用next方法的标记,最后在返回一个全新的处理过后的数据,通过调用next方法可以看到当前的项的数据

const arr = [{name:"javaScript"}, {name:"Go"},{name:"Node.js"}];
        function Iterator(data) {
            let index = 0;
            function next(){
                index++;
                return {
                    value: data[index],
                    done: data.length == index
                }
            };
            return {
                next
            }
        }

使用外部迭代器

const iter = Iterator(arr);
        console.log(iter.next());
        console.log(iter.next());
        console.log(iter.next());
复制代码

迭代器设计模式能够可以让我们更方便的且有规矩的进行访问复合数据的每一项,也可以通过迭代器进行完成一些流线式操作


坚持努力,无惧未来!

相关文章
|
1月前
|
设计模式 安全 Java
Kotlin教程笔记(51) - 改良设计模式 - 构建者模式
Kotlin教程笔记(51) - 改良设计模式 - 构建者模式
|
3月前
|
设计模式 数据库连接 PHP
PHP中的设计模式:提升代码的可维护性与扩展性在软件开发过程中,设计模式是开发者们经常用到的工具之一。它们提供了经过验证的解决方案,可以帮助我们解决常见的软件设计问题。本文将介绍PHP中常用的设计模式,以及如何利用这些模式来提高代码的可维护性和扩展性。我们将从基础的设计模式入手,逐步深入到更复杂的应用场景。通过实际案例分析,读者可以更好地理解如何在PHP开发中应用这些设计模式,从而写出更加高效、灵活和易于维护的代码。
本文探讨了PHP中常用的设计模式及其在实际项目中的应用。内容涵盖设计模式的基本概念、分类和具体使用场景,重点介绍了单例模式、工厂模式和观察者模式等常见模式。通过具体的代码示例,展示了如何在PHP项目中有效利用设计模式来提升代码的可维护性和扩展性。文章还讨论了设计模式的选择原则和注意事项,帮助开发者在不同情境下做出最佳决策。
|
1月前
|
设计模式 开发者 Python
Python编程中的设计模式:工厂方法模式###
本文深入浅出地探讨了Python编程中的一种重要设计模式——工厂方法模式。通过具体案例和代码示例,我们将了解工厂方法模式的定义、应用场景、实现步骤以及其优势与潜在缺点。无论你是Python新手还是有经验的开发者,都能从本文中获得关于如何在实际项目中有效应用工厂方法模式的启发。 ###
|
1月前
|
设计模式 安全 Java
Kotlin教程笔记(51) - 改良设计模式 - 构建者模式
Kotlin教程笔记(51) - 改良设计模式 - 构建者模式
39 1
|
2月前
|
前端开发 JavaScript UED
探索JavaScript中的异步编程模式
【10月更文挑战第21天】在数字时代的浪潮中,JavaScript作为一门动态的、解释型的编程语言,以其卓越的灵活性和强大的功能在Web开发领域扮演着举足轻重的角色。本篇文章旨在深入探讨JavaScript中的异步编程模式,揭示其背后的原理和实践方法。通过分析回调函数、Promise对象以及async/await语法糖等关键技术点,我们将一同揭开JavaScript异步编程的神秘面纱,领略其带来的非阻塞I/O操作的魅力。让我们跟随代码的步伐,开启一场关于时间、性能与用户体验的奇妙之旅。
|
2月前
|
设计模式 Java Kotlin
Kotlin教程笔记(51) - 改良设计模式 - 构建者模式
本教程详细讲解Kotlin语法,适合希望深入了解Kotlin的开发者。对于快速学习Kotlin语法,推荐查看“简洁”系列教程。本文重点介绍了构建者模式在Kotlin中的应用与改良,包括如何使用具名可选参数简化复杂对象的创建过程,以及如何在初始化代码块中对参数进行约束和校验。
28 3
|
1月前
|
前端开发 JavaScript UED
探索JavaScript的异步编程模式
【10月更文挑战第33天】在JavaScript的世界里,异步编程是提升应用性能和用户体验的关键。本文将带你深入理解异步编程的核心概念,并展示如何在实际开发中运用这些知识来构建更流畅、响应更快的Web应用程序。从回调函数到Promises,再到async/await,我们将一步步解锁JavaScript异步编程的秘密,让你轻松应对各种复杂的异步场景。
|
2月前
|
JavaScript 前端开发 API
探索Node.js中的异步编程模式
【10月更文挑战第4天】在JavaScript的世界中,异步编程是提升应用性能和用户体验的关键。本文将深入探讨Node.js中异步编程的几种模式,包括回调函数、Promises、async/await,并分享如何有效利用这些模式来构建高性能的后端服务。
|
2月前
|
JavaScript 前端开发 调度
探索Node.js中的异步编程模式
在Node.js的世界里,异步编程是核心。本文将带你深入了解异步编程的精髓,通过代码示例和实际案例分析,我们将一起掌握事件循环、回调函数、Promises以及async/await等关键概念。准备好迎接挑战,让你的Node.js应用飞起来!
|
2月前
|
设计模式 JavaScript 前端开发
JavaScript设计模式--访问者模式
【10月更文挑战第1天】
33 3