for...of 遍历可迭代对象
最后更新：2026-09-09
for...of 遍历可迭代对象
for...of 遍历可迭代对象（数组、字符串、Map、Set、NodeList 等），每次迭代取一个值。不能遍历普通对象。
| 分类 | 语句 |
|---|---|
| ES 版本 | ES2015 |
📝 语法
for (const 元素 of 可迭代对象) { ... }返回值：undefined。
是否修改原值：否（返回新值）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
苹果
香蕉
橙子
你
好
0 苹果
1 香蕉
2 橙子💡 提示 for...of 可以用 break/continue/return 中断——比 forEach 灵活。
ℹ️ info for...of 不能遍历普通对象——用 Object.entries(obj) 或 for...in。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| for...of | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
Qfor...of 和 forEach 的区别？
Afor...of 支持 break/continue/return 和 await；forEach 不支持。
Qfor...of 能遍历对象吗？
A不能——普通对象不是可迭代对象。用 Object.entries(obj) 配合 for...of。
Qfor...of 和 for...in 的区别？
Afor...of 遍历值（可迭代对象）；for...in 遍历键（对象属性名）。
