🌟Map的5种遍历方法✨

导读 最近发现自己的代码能力又提升了,忍不住分享一波关于`Map`的5种遍历方式!💻✨首先,我们来了解一下`Map`的基本概念:它是键值对的集合,...

最近发现自己的代码能力又提升了,忍不住分享一波关于`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遍历

免责声明:本文由用户上传,如有侵权请联系删除!

猜你喜欢

最新文章