插件窝 干货文章 js如何遍历map对象

js如何遍历map对象

class value 遍历 div 87    来源:    2024-10-23
遍历 javascript 中的 map 对象的方法有四种:使用 foreach() 方法,为每个键值对执行回调函数。使用 for...of 循环,遍历键值对的值。使用 for...in 循环,遍历键。使用 entries() 方法,返回包含所有键值对的迭代器。

如何遍历 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