js怎么遍历map对象

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签遍历

遍历 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) =&gt; {  console.log(`Key: ${key}, Value: ${value}`);});

输出：

Key: a, Value: 1Key: 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: 1Key: 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: aKey: bValue: 1Value: 2Key: a, Value: 1Key: b, Value: 2

文章推荐

js怎么遍历map对象

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？