js中遍历map有四种原生方法：foreach（参数顺序为value、key、map）、keys()、values()和entries()；entries()返回键值对迭代器，支持解构，且为默认迭代器，[...map]等价于[...map.entries()]。

JS 中遍历 Map 有多种方式，核心是利用 Map 原生提供的迭代方法：`forEach()`、`keys()`、`values()` 和 `entries()`。它们返回的是迭代器（Iterator），可直接用于 for...of，也可转为数组操作。

用 forEach 遍历键值对

`forEach` 是最直观的遍历方式，接收一个回调函数，参数依次是 值、键、Map 对象本身（注意：不是“键、值”顺序）：

const map = new Map([['a', 1], ['b', 2], ['c', 3]]);

map.forEach((value, key, mapObj) => {
  console.log(key, value); // 'a' 1, 'b' 2, 'c' 3
});

这个顺序和数组的 `forEach` 不同，要特别注意——第一个参数是 value，第二个才是 key。

用 keys()、values() 单独获取键或值

`keys()` 和 `values()` 分别返回键和值的迭代器，适合只需要其中一方的场景：

• 获取所有键： `for (const key of map.keys()) { ... }` 或 `[...map.keys()]`
• 获取所有值： `for (const value of map.values()) { ... }` 或 `[...map.values()]`

例如：

Json Repair Kit

使用 Node.js 评估修复格式错误的 JSON，自动纠正尾随逗号、单引号、未加引号的键等常见问题，实现文件规范化。

下载

console.log([...map.keys()]);   // ['a', 'b', 'c']
console.log([...map.values()]); // [1, 2, 3]

用 entries() 遍历键值对（推荐用于解构）

`entries()` 返回键值对迭代器，每个元素是 `[key, value]` 数组，配合 for...of + 解构非常简洁：

for (const [key, value] of map.entries()) {
  console.log(key, value); // 'a' 1, 'b' 2, 'c' 3
}

其实 `map.entries()` 是默认迭代器，所以以下写法等价：

• `for (const [key, value] of map)`
• `[...map]` → 得到 `[ ['a', 1], ['b', 2], ['c', 3] ]`

补充：转成数组后操作（需注意性能）

如果需要 filter、map 等链式操作，可先展开为数组：

// 找出值大于 1 的键值对
const filtered = [...map].filter(([, value]) => value > 1);
// → [['b', 2], ['c', 3]]

// 提取所有键并转大写
const upperKeys = [...map.keys()].map(k => k.toUpperCase());
// → ['A', 'B', 'C']

注意：`[...map]` 等价于 `[...map.entries()]`，不是 `[...map.keys()]`。