js遍历map的数据

在JavaScript中，我们可以使用不同的方法来遍历Map对象中的数据。根据引用中的示例代码，以下是几种常用的遍历Map的方法：

1. 使用forEach方法：我们可以使用forEach方法来遍历Map对象中的每个元素。此方法接受一个回调函数作为参数，该回调函数将在每次迭代中被调用，并且可以访问当前迭代的值。示例代码如下：

map.forEach(function(value, key) {
  console.log(key + ' = ' + value);
});

2. 使用for...of循环：我们可以使用for...of循环来遍历Map对象中的键值对。示例代码如下：

for (let [key, value of map) {
  console.log(key + ' = ' + value);
}

3. 使用for...of循环遍历属性值或键：我们也可以使用for...of循环分别遍历Map对象中的属性值或者键。示例代码如下：

// 遍历属性值
for (let value of map.values()) {
  console.log(value);
}

// 遍历键
for (let key of map.keys()) {
  console.log(key);
}

以上是JavaScript中几种常用的遍历Map对象的方法。可以根据具体的需求选择适合的方法来遍历Map对象中的数据。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [JS遍历map集合以及map对象](https://blog.csdn.net/web15085181368/article/details/123757861)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *2* [js遍历map对象](https://blog.csdn.net/m0_67393593/article/details/126409269)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *3* [js中map遍历的三种方法](https://blog.csdn.net/linchen_00/article/details/125028810)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]