🌟 Map的5种遍历方式 🌟

在编程中，`Map` 是一种非常实用的数据结构，它能够存储键值对（key-value）。但如何高效地遍历 `Map` 呢？以下是 5 种常见的遍历方式，快来一起看看吧！👀

📚 1. 使用 for...of 遍历

```javascript

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

for (let [key, value] of map) {

console.log(`${key}: ${value}`);

}

```

这种方法简单直观，直接获取键值对。

📚 2. 使用 forEach 方法

```javascript

map.forEach((value, key) => {

console.log(`${key} -> ${value}`);

});

```

`forEach` 提供了更灵活的操作空间，适合复杂逻辑处理。

📚 3. 转换为数组再遍历

```javascript

[...map.entries()].forEach(([key, value]) => {

console.log(key, value);

});

```

通过扩展运算符将 `Map` 转化为数组，方便使用数组方法。

📚 4. 遍历 keys() 或 values()

```javascript

// 遍历所有键

for (let key of map.keys()) {

console.log(key);

}

// 遍历所有值

for (let value of map.values()) {

console.log(value);

}

```

分别提取键或值进行单独操作。

📚 5. 使用迭代器 next() 方法

```javascript

const iterator = map.entries();

let result = iterator.next();

while (!result.done) {

console.log(result.value);

result = iterator.next();

}

```

手动控制迭代过程，适合需要精确控制的场景。

掌握这些方法，让你在处理 `Map` 数据时更加得心应手！💪