首页 > 科技 >

🌟Map的5种遍历方法✨

发布时间:2025-04-03 14:57:36来源:

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

免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。