【JavaScript】具有 iterable 接口的数据结构

最编程 2024-07-06 16:54:53

...

具有 iterable 接口的数据结构指的是可以通过迭代器（Iterator）访问其成员的数据结构。在 JavaScript 中，具有 iterable 接口的数据结构包括数组（Array）、字符串（String）、Set、Map 等。这些数据结构可以使用 for…of 循环进行遍历，也可以通过解构赋值、扩展操作符等方式获取其元素。

一个对象要成为 iterable，必须实现一个名为 Symbol.iterator 的方法，该方法返回一个迭代器对象。迭代器对象需要包含一个 next() 方法，每次调用 next() 方法都会返回一个包含 value 和 done 属性的对象：

value 表示迭代器返回的当前元素的值。
done 表示迭代器是否已经迭代完所有元素，如果为 true，则表示迭代结束。

例如，一个简单的 iterable 对象示例可以是：

let iterableObj = {
  [Symbol.iterator]() {
    let index = 0;
    return {
      next() {
        if (index < 3) {
          return { value: index++, done: false };
        }
        return { value: undefined, done: true };
      }
    };
  }
};

for (let item of iterableObj) {
  console.log(item); // 输出 0, 1, 2
}

在这个例子中，iterableObj 对象实现了 Symbol.iterator 方法，返回一个迭代器对象，通过 for…of 循环遍历时，依次输出迭代器返回的值。

因此，具有 iterable 接口的数据结构是指支持迭代器协议，可以通过 for…of 循环或其他遍历方法遍历其成员的数据结构。

上一篇：第 44 天：WEB 攻防--PHP 应用程序 & SQL 盲注 & 布尔显示 & 延迟判断 & 错误处理 & 添加、删除、更改和检查方法

下一篇：应用

【JavaScript】具有 iterable 接口的数据结构

在 Spring Boot 中正确注入具有多个实现的接口的六种方法

JavaScript Fetch API 接口在 Chromium c++ 代码中的实现（二）

检查 JavaScript 对象是否具有指定的属性

初识数据结构（第三课）：顺序表接口的实现步骤

【JavaScript】具有 iterable 接口的数据结构