如何在JavaScript中迭代Map对象

在JavaScript中，`Map`对象是一种键值对集合的数据结构，其迭代方法相较于传统的对象提供了更多的灵活性和功能。若要在JavaScript中遍历一个`Map`对象，有几种常见的方法。

1. 使用`forEach`方法

`Map`对象提供了一个`forEach`方法，你可以使用它对每个键值对执行一个回调函数。

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

myMap.forEach((value, key) => {
console.log(`Key: ${key}, Value: ${value}`);
});

2. 使用`for…of`循环和`Map.prototype.entries()`

`Map.prototype.entries()`方法返回一个新的迭代器对象，它按插入顺序包含了Map对象中每个元素的[key, value]数组。

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

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

如何在JavaScript中迭代Map对象

3. 使用`for…of`循环直接遍历

因为`Map`对象是可迭代的，所以你也可以直接使用`for…of`循环遍历它们。

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

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

4. 使用`for…of`循环和`Map.prototype.keys()`或`Map.prototype.values()`

如果你只想遍历键或值，你可以使用`Map.prototype.keys()`或`Map.prototype.values()`。

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

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

5. 使用`Iterator`对象遍历

你也可以使用迭代器对象手动遍历`Map`。

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

const iterator = myMap[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
console.log(`Key: ${result.value[0]}, Value: ${result.value[1]}`);
result = iterator.next();
}