javascript for...of循环怎么用_它可以遍历哪些数据结构

for...of用于遍历可迭代对象（如数组、字符串、Map、Set等），直接获取元素值；普通对象、null、undefined等默认不可迭代，需转换后使用。

for...of 是 JavaScript 中用于遍历**可迭代对象（iterable）**的循环语法，它直接获取元素值，比 for...in 更安全、更直观，也比传统 for 循环更简洁。

哪些数据结构能用 for...of 遍历

只要实现了 Symbol.iterator 方法的对象，就是可迭代的，for...of 就能遍历它。常见支持类型包括：

• 数组（Array）——最常用
• 字符串（String）——按 Unicode 字符遍历（含 emoji、中文等）
• Map 和 Set —— 分别遍历键值对、唯一值
• TypedArray（如 Uint8Array）——遍历数值元素
• arguments 对象（函数内）和 NodeList（DOM 查询结果）——虽不是 Array，但原生可迭代
• 自定义对象：只要手动部署 [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'
• 遍历 Map（默认遍历键值对）：
  for (const [key, value] of new Map([['a', 1], ['b', 2]])) console.log(key, value);
• 只取 Map 的键或值：
  for (const key of map.keys()) {...} 或 for (const val of map.values()) {...}

for...of 和 for...in 的关键区别

for...in 遍历对象的**可枚举属性名（包括继承的）**，而 for...of 遍历的是**值本身**，且只适用于可迭代对象。

标签： javascript java jquery node 区别 键值对 可迭代对象