for...of用于遍历可迭代对象（如数组、字符串、Map、Set等），直接获取元素值；普通对象、null、undefined等默认不可迭代，需转换后使用。
for...of 是 JavaScript 中用于遍历**可迭代对象（iterable）**的循环语法，它直接获取元素值，比 for...in 更安全、更直观，也比传统 for 循环更简洁。
只要实现了 Symbol.iterator 方法的对象，就是可迭代的，for...of 就能遍历它。常见支持类型包括：
Array）——最常用String）——按 Unicode 字符遍历（含 emoji、中文等）Uint8Array）——遍历数值元素[Symbol.iterator]() 方法，也能用 for...of
语法很简单：for (const value of iterable) { ... }，每次循环得到的是当前项的值。
for (const item of [1, 2, 3]) console.log(item); // 1, 2, 3
for (const char of '?a') console.log(char); // '?', 'a'
for (const [key, value] of new Map([['a', 1], ['b', 2]])) console.log(key, value);
for (const key of map.keys()) {...} 或 for (const val of map.values()) {...}
for...in 遍历对象的**可枚举属性名（包括继承的）**，而 for...of 遍历的是**值本身**，且只适用于可迭代对象。
立即学习“Java免费学习笔记（深入）”；
for...in 会遍历数组索引（字符串形式），还可能遍历到原型上的属性；不推荐用于数组for...of 不会访问对象属性（普通对象默认不可迭代），也不会受原型链影响{}）不能直接用 for...of，除非你给它加了 [Symbol.iterator]
以下结构默认**不支持** for...of，会报错 TypeError: is not iterable：
{ a: 1, b: 2 }）——需转成 Object.keys() / Object.values() / Object.entries() 后再遍历Symbol.iterator 的类数组对象（如旧版 jQuery 对象）——需用 Array.from() 或展开运算符转为数组以上就是javascript for...of循环怎么用_它可以遍历哪些数据结构的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
857
收藏
