在前端开发中，`Map` 是一种非常实用的数据结构，它允许我们存储键值对，并且键和值可以是任意类型。今天，让我们一起探索如何用 JavaScript 遍历 `Map` 数据结构吧！🔍

首先，创建一个简单的 `Map` 对象：

```javascript

const myMap = new Map();

myMap.set('name', 'z294286540');

myMap.set('blog', 'JavaScript 遍历技巧');

```

方法一：使用 `for...of`

这是最常见的方式，直接迭代键值对：

```javascript

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

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

}

// 输出: name: z294286540

// blog: JavaScript 遍历技巧

```

方法二：使用 `forEach`

通过 `forEach` 方法，也能优雅地完成遍历：

```javascript

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

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

});

```

这两种方法都非常方便，可以根据实际需求选择适合的方式！💡

掌握这些技巧后，你可以更高效地处理复杂的前端数据逻辑啦！🚀

JavaScript Map 遍历技巧 前端开发 编程小技巧