最近发现自己的代码能力又提升了,忍不住分享一波关于`Map`的5种遍历方式!💻✨
首先,我们来了解一下`Map`的基本概念:它是键值对的集合,非常适合存储键值关联的数据。那么,如何优雅地遍历它呢?以下是5种方法👇:
1️⃣ for...of循环
最简单的方式,直接获取键值对 `[key, value]`:
```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));
```
3️⃣ keys() 遍历键
只遍历键:
```javascript
for (let key of map.keys()) {
console.log(key);
}
```
4️⃣ values() 遍历值
只遍历值:
```javascript
for (let value of map.values()) {
console.log(value);
}
```
5️⃣ entries() 获取所有键值对
获取完整的键值对数组:
```javascript
console.log([...map.entries()]);
```
每种方法都有其适用场景,灵活运用可以让代码更高效!💪🌈
前端开发 JavaScript Map遍历
免责声明:本文由用户上传,如有侵权请联系删除!