插件窝 干货文章 js怎么遍历map对象

js怎么遍历map对象

value 遍历 class key 678    来源:    2024-10-24
遍历 map 对象的方法:使用 foreach() 方法遍历每个键值对。使用 for...of 循环遍历 map 对象的键、值或键值对集合,这些集合可通过 keys()、values() 和 entries() 方法获取。

如何遍历 Map 对象

Map 对象是一种数据结构,它存储键值对。在 JavaScript 中,可以使用以下方法遍历 Map 对象:

1. forEach() 方法

forEach() 方法接受一个回调函数作为参数,该函数将对 Map 对象中的每个键值对执行。

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

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

输出:

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

2. for...of 循环

for...of 循环可以遍历一个可迭代对象,包括 Map 对象。

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

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

输出:

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

3. keys()、values() 和 entries() 方法

这些方法返回可迭代的 Map 对象键、值或键值对的集合。然后可以使用 for...of 循环或 forEach() 方法进行遍历。

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

// 获取键的集合
for (const key of myMap.keys()) {
  console.log(`Key: ${key}`);
}

// 获取值的集合
for (const value of myMap.values()) {
  console.log(`Value: ${value}`);
}

// 获取键值对的集合
for (const kv of myMap.entries()) {
  console.log(`Key: ${kv[0]}, Value: ${kv[1]}`);
}

输出:

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