JavaScript迭代协议_可迭代对象创建-js教程-PHP中文网

JavaScript迭代协议_可迭代对象创建

betcha

发布： 2025-11-29 21:12:06

原创

680人浏览过

可迭代协议要求对象实现[Symbol.iterator]方法，该方法返回带有next()的迭代器，next()返回{value, done}对象，从而支持for...of和扩展运算符。

javascript迭代协议_可迭代对象创建

JavaScript 中的迭代协议让对象可以被 for...of 循环、展开运算符（...）以及其他期望可迭代数据的语法所使用。要创建一个可迭代对象，你需要遵循“可迭代协议”，即在对象上实现一个名为 [Symbol.iterator] 的方法。

什么是可迭代协议？

一个对象如果具有 [Symbol.iterator] 方法，就被认为是可迭代的。这个方法必须返回一个迭代器对象，而该迭代器需要有一个 next() 方法，用于逐步返回值。

基本结构如下：

[Symbol.iterator]()：无参函数，返回一个迭代器
迭代器对象包含 next() 方法
next() 返回形如 { value: 值, done: 布尔 } 的对象

手动创建一个可迭代对象

下面是一个简单的例子，创建一个能遍历数字 1 到 3 的可迭代对象：

<pre class="brush:php;toolbar:false;">
const myIterable = {
  [Symbol.iterator]() {
    let step = 1;
    return {
      next() {
        if (step <= 3) {
          return { value: step++, done: false };
        } else {
          return { value: undefined, done: true };
        }
      }
    };
  }
};

// 使用 for...of 遍历
for (const num of myIterable) {
  console.log(num); // 输出 1, 2, 3
}

// 也可以用展开运算符
console.log([...myIterable]); // [1, 2, 3]

登录后复制

让自定义类成为可迭代对象

你可以将迭代协议应用到类中，使实例可被遍历。比如创建一个容器类，存储一些数据并支持迭代：

SCA介绍及应用实例中文WORD版

本文档主要讲述的是SCA介绍及应用实例；SCA（Service Component Architecture）是针对SOA提出的一套服务体系构建框架协议，内部既融合了IOC的思想，同时又把面向对象的复用由代码复用上升到了业务模块组件复用，同时将服务接口，实现，部署，调用完全分离，通过配置的形式灵活的组装，绑定。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

查看详情

立即学习“Java免费学习笔记（深入）”；

<pre class="brush:php;toolbar:false;">
class NumberRange {
  constructor(start, end) {
    this.start = start;
    this.end = end;
  }

  [Symbol.iterator]() {
    let current = this.start;
    const limit = this.end;

    return {
      next() {
        if (current <= limit) {
          return { value: current++, done: false };
        } else {
          return { value: undefined, done: true };
        }
      }
    };
  }
}

const range = new NumberRange(5, 8);
for (const n of range) {
  console.log(n); // 输出 5, 6, 7, 8
}

登录后复制