JavaScript 中如何遍历 Map 类型

在JavaScript中，Map是一种非常有用的数据结构，它允许存储键值对，并且键可以是任何数据类型。当我们需要遍历Map中的数据时，有几种常见的方法可供选择。

1. 使用for...of循环

for...of循环是一种简洁且直观的遍历Map的方式。它可以直接遍历Map的键值对，每次迭代返回一个包含键和值的数组。示例代码如下：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

for (const [key, value] of myMap) {
  console.log(`键：${key}，值：${value}`);
}

2. 使用forEach方法

Map对象提供了一个forEach方法，它类似于数组的forEach方法。该方法接受一个回调函数作为参数，回调函数接受三个参数：值、键和Map对象本身。示例代码如下：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

myMap.forEach((value, key, map) => {
  console.log(`键：${key}，值：${value}`);
});

3. 遍历键或值

如果只需要遍历Map的键或值，可以使用keys()和values()方法。这两个方法分别返回一个迭代器对象，可以通过for...of循环进行遍历。示例代码如下：

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

// 遍历键
for (const key of myMap.keys()) {
  console.log(`键：${key}`);
}

// 遍历值
for (const value of myMap.values()) {
  console.log(`值：${value}`);
}

总结

通过上述几种方法，我们可以方便地遍历JavaScript中的Map类型数据。for...of循环提供了一种简洁的方式来同时获取键和值；forEach方法适合在需要对每个键值对执行操作时使用；而keys()和values()方法则允许我们单独遍历键或值。根据具体的需求，选择合适的遍历方法可以提高代码的可读性和效率。