🌟js如何遍历map类型🌟

• 2025-03-25 17:24:25

摘要在JavaScript中，`Map`是一种非常实用的数据结构，它允许键值对的存储，并且键可以是任何数据类型。那么，我们该如何优雅地遍历这样一个宝

在JavaScript中，`Map`是一种非常实用的数据结构，它允许键值对的存储，并且键可以是任何数据类型。那么，我们该如何优雅地遍历这样一个宝藏呢？😎

首先，让我们看看最直接的方法——使用`for...of`循环。通过这种方式，我们可以轻松获取每个键值对。例如：

```javascript

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

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

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

}

```

这段代码会输出：`a: 1` 和 `b: 2`，是不是很直观？✨

其次，如果你更喜欢函数式编程风格，`forEach`方法也是不错的选择！

```javascript

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

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

});

```

它同样能完美完成任务，而且代码看起来更加简洁美观！🌈

最后，别忘了还有`entries()`方法，它可以返回一个迭代器对象，适合需要手动操作的情况哦！

```javascript

const iterator = map.entries();

for (let entry of iterator) {

console.log(entry);

}

```

掌握这些方法后，你就能像一位武林高手一样，在`Map`的世界里游刃有余啦！💪

标签：