在日常编程中,`Map` 是一种非常实用的数据结构,能够高效地存储键值对。但如何遍历 `Map` 呢?以下是它的6种常见遍历方式,帮助你轻松掌握!🌟
第一种:for...of循环
```javascript
const map = new Map([['a', 1], ['b', 2]]);
for (let [key, value] of map) {
console.log(`${key}: ${value}`);
}
```
第二种:forEach方法
```javascript
map.forEach((value, key) => {
console.log(`${key}: ${value}`);
});
```
第三种:Object.fromEntries()结合Array方法
将 `Map` 转为数组后使用 `forEach` 遍历:
```javascript
const entries = Array.from(map);
entries.forEach(([key, value]) => {
console.log(`${key}: ${value}`);
});
```
第四种:解构赋值
```javascript
for (let [key, value] of map.entries()) {
console.log(`${key}: ${value}`);
}
```
第五种:keys()、values()和entries()方法
分别获取键、值或键值对:
```javascript
for (let key of map.keys()) {
console.log(key);
}
```
第六种:直接迭代键值对
```javascript
for (let item of map) {
console.log(item);
}
```
以上便是 `Map` 的6种遍历方式,灵活运用可以大幅提升开发效率哦!💪