JavaScript 中如何遍历 Map 对象

在 JavaScript 编程中，Map 对象是一种有序的数据结构，它允许存储键值对，并且键可以是任何类型。了解如何有效地遍历 Map 对象对于处理和操作数据至关重要。

使用 for...of 循环遍历

for...of 循环是 ES6 引入的一种简洁的遍历可迭代对象的方式，Map 对象是可迭代的，因此可以直接使用 for...of 循环。例如：

const myMap = new Map();
myMap.set('name', 'John');
myMap.set('age', 30);

for (const [key, value] of myMap) {
    console.log(`${key}: ${value}`);
}

在上述代码中，for...of 循环会依次迭代 Map 对象的每一个条目，[key, value] 使用解构赋值将键和值分别提取出来，方便我们对每个键值对进行操作。

使用 entries() 方法遍历

Map 对象的 entries() 方法会返回一个新的迭代器对象，该对象包含 Map 对象中按插入顺序排列的所有键值对。我们可以使用 entries() 方法结合 for...of 循环来遍历：

const map = new Map();
map.set('fruit', 'apple');
map.set('color','red');

const entries = map.entries();
for (const [key, value] of entries) {
    console.log(`${key}: ${value}`);
}

这种方式与直接使用 for...of 循环遍历 Map 对象效果相同，但显式调用 entries() 方法可以让代码逻辑更加清晰，尤其在需要先获取迭代器对象进行一些额外操作的情况下。

使用 keys() 和 values() 方法分别遍历键和值

如果我们只需要遍历 Map 对象的键或者值，可以分别使用 keys() 和 values() 方法。例如，遍历键：

const myMap2 = new Map();
myMap2.set('a', 1);
myMap2.set('b', 2);

const keys = myMap2.keys();
for (const key of keys) {
    console.log(key);
}

若要遍历值，只需将 keys() 替换为 values() 即可：

const values = myMap2.values();
for (const value of values) {
    console.log(value);
}

这些方法为我们提供了灵活的遍历方式，满足不同的业务需求。掌握这些遍历 Map 对象的方法，能让我们在处理复杂数据结构时更加得心应手，提高代码的效率和可读性。