TypeScript 设计模式之【迭代器模式】

最新推荐文章于 2025-04-01 09:20:17 发布

bobostudio1995

最新推荐文章于 2025-04-01 09:20:17 发布

阅读量1k

点赞数 15

分类专栏： TypeScript 设计模式文章标签： typescript 设计模式迭代器模式前端 javascript

本文链接：https://blog.youkuaiyun.com/bobostudio1995/article/details/142528649

版权

TypeScript 设计模式专栏收录该内容

21 篇文章

订阅专栏

文章目录

迭代器模式：优雅遍历集合的智能书签
迭代器模式的奥秘

在这里插入图片描述

迭代器模式：优雅遍历集合的智能书签

你是否曾经在阅读一本厚重的书籍时，希望能够轻松地在不同章节之间跳转，而不用担心丢失阅读进度? 迭代器模式就像是一个智能书签，它能够帮助你优雅地遍历各种复杂的数据集合，无需关心其内部结构。

迭代器这个神奇的书签，它不仅能记住你的阅读位置，还能根据你的需求，帮你在不同的卷册、章节之间自如地穿梭，让你的阅读体验变得轻松愉快!

迭代器模式的奥秘

迭代器模式提供了一种方法，让你能够依次访问一个集合对象中的各个元素，而无需暴露该对象的内部表示。它就像是一个智能导览系统，为你提供了一种统一的方式来遍历不同类型的集合，无论是数组、链表还是树形结构。

迭代器模式有什么利与弊?

迭代器模式的优点是它简化了集合的遍历过程，提供了一种标准的访问集合元素的方法，使得客户端代码更加简洁。它还支持不同的遍历算法，增强了灵活性。缺点是对于简单的集合，使用迭代器会增加不必要的复杂性。

如何使用迭代器模式来优化你的数据遍历

迭代器涉及角色

迭代器(Iterator): 定义访问和遍历元素的接口
具体迭代器(ConcreteIterator): 实现迭代器接口，完成集合元素的遍历
集合(Aggregate): 定义创建迭代器对象的接口
具体集合(ConcreteAggregate): 实现集合接口，返回一个具体迭代器的实例

迭代器步骤

创建一个迭代器接口,定义遍历元素的方法
创建具体迭代器类,实现迭代器接口
创建集合接口,定义获取迭代器的方法
创建具体集合类,实现集合接口
使用迭代器遍历集合元素

选择合适的迭代器模式，你就能轻松地遍历各种复杂的数据结构，让代码变得更加简洁和灵活!

代码实现案例

// 迭代器接口
interface Iterator<T> {
  // 是否还有下一个元素
  hasNext(): boolean;
  // 获取下一个元素
  nextElement(): T;
}

// 集合接口
interface Aggregate<T> {
  // 创建迭代器
  createIterator(): Iterator<T>;
}

// 书签迭代器
class BookIterator implements Iterator<string> {
  // 书架
  private collection: string[];
  // 当前位置
  private position: number = 0;

  constructor(collection: string[]) {
    this.collection = collection;
  }
  // 是否有下一个页
  public hasNext(): boolean {
    return this.position < this.collection.length;
  }
  // 获取下一页
  public nextElement(): string {
    const result = this.collection[this.position];
    this.position++;
    return result;
  }
}

// 书架
class BookShelf implements Aggregate<string> {
  private books: string[] = [];
  // 添加书
  public addBook(book: string): void {
    this.books.push(book);
  }
  // 创建迭代器
  public createIterator(): Iterator<string> {
    return new BookIterator(this.books);
  }
}

// 客户端代码
function clientCode(aggregate: Aggregate<string>) {
  // 创建迭代器
  const iterator = aggregate.createIterator();
  console.log("遍历书架中的图书:");
  // 遍历书架
  while (iterator.hasNext()) {
    console.log(iterator.nextElement());
  }
}

// 创建书架并添加图书
const bookShelf = new BookShelf();
bookShelf.addBook("《设计模式》");
bookShelf.addBook("《重构》");
bookShelf.addBook("《代码整洁之道》");
bookShelf.addBook("《JavaScript高级程序设计》");

// 使用迭代器遍历书架
clientCode(bookShelf);

// 输出
// 遍历书架中的图书:
// 《设计模式》
// 《重构》
// 《代码整洁之道》
// 《JavaScript高级程序设计》