前言

在日常开发中，“哪些集合可以直接遍历？” 常让人抓狂。痛点：经常看到 for...of 报错，却找不到根本原因。，只有实现了 Symbol.iterator 接口的对象才算“可遍历”。集合之所以能被遍历，正是因为它们内部实现了该接口。并配套提供了一系列便利的遍历方法。

常见的遍历手段

下面列出的都是基于 Symbol.iterator 的遍历方式，适用于所有内置可迭代集合：

• for...of
• ... 运算符
• Array.from
• 解构赋值
• forEach （部分集合。如Array/Set/Map)

痛点：很多同学误以为所有对象都能使用这些语法，其实没有实现迭代器的对象会直接抛出 TypeError。

Symbol.iterator——可遍历的主要钥匙

Symbol.iterator 是一个内置 Symbol 值，指向对象默认的迭代器方法。

类似于 Symbol.toPrimitive,它为对象提供了一套统一的“迭代协议”。只要对象拥有一个返回迭代器的 方法，就可以被所有支持迭代的语法消费。

实现步骤一目了然

1. 实现 方法。
2. The method must return an **iterator object**.
3. The iterator object must expose a .next function.
4. .next` 返回一个形如 { value: any,done: boolean } 的结果。
5. The iteration stops when .next` returns an object with { done: true }.

为什么要返回 {value,done}？

TIPS：{value。done} 是 JavaScript 迭代协议的最小契约，缺一不可。忘记返回true/false 的 done 标识 ,循环将永不终止或提前结束。

自定义可遍历对象示例

// 一个最小可遍历对象
const myIterable = {
说到data，,{
let index = 0;const self = this;
return {
next {
if {
return { value: self.data,done: false };}
return { value: undefined,done: true };}
}，}
};// 使用各种方式遍历
for console.log;console.log，console.log);const = myIterable;// 解构赋值
console.log;myIterable.forEach?.)，怎么说呢，// Map/Set/Array 自带

常见误区与痛点对照表

const obj = {a:1,b:2};obj = function* {
for yield this;}，for console.log;// OK

const m=new Map;for console.log;// 自动调用 entries

最终 – 一句话速记法 🎯

If an object has a method named ,you can treat it like an array.

别再盲目在普通对象上写 for…of 先检查它是否实现了  Symbol . iterator — 这一步是解决大多数“不可遍历”报错的根本办法。