如何遍歷 JavaScript 中的 Map 對象

遍歷 JavaScript 中的 Map 對象的方法有多種，具體取決于您希望如何訪問其中的鍵值對。

使用 forEach() 方法

forEach() 方法是一個內置方法，它對 Map 對象中的每個鍵值對執行一個回調函數。該回調函數接受三個參數：值、鍵和 Map 對象本身。

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

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

輸出：

Key: a, Value: 1
Key: b, Value: 2
Key: c, Value: 3

使用 for…of 循環

for…of 循環可用于遍歷 Map 對象中鍵值對的值。

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

for (const value of myMap.values()) {
  console.log(`Value: ${value}`);
}

輸出：

Value: 1
Value: 2
Value: 3

使用 for…in 循環

for…in 循環可用于遍歷 Map 對象中的鍵。

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

for (const key in myMap) {
  console.log(`Key: ${key}`);
}

輸出：

Key: a
Key: b
Key: c

使用 entries() 方法

entries() 方法返回一個包含 Map 對象中所有鍵值對的迭代器。您可以使用該迭代器來遍歷 Map 對象。

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

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

輸出：

Key: a, Value: 1
Key: b, Value: 2
Key: c, Value: 3