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

时清云2024-07-09 22:25

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

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

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

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

javascript 复制代码

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 循环或其他遍历方法遍历其成员的数据结构。