山海人工智能信息网

<Map的6种遍历方式_map遍历✨>

导读 在日常编程中,`Map` 是一种非常实用的数据结构,能够高效地存储键值对。但如何遍历 `Map` 呢?以下是它的6种常见遍历方式,帮助你轻松...

在日常编程中,`Map` 是一种非常实用的数据结构,能够高效地存储键值对。但如何遍历 `Map` 呢?以下是它的6种常见遍历方式,帮助你轻松掌握!🌟

第一种:for...of循环

```javascript

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

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

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

}

```

第二种:forEach方法

```javascript

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

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

});

```

第三种:Object.fromEntries()结合Array方法

将 `Map` 转为数组后使用 `forEach` 遍历:

```javascript

const entries = Array.from(map);

entries.forEach(([key, value]) => {

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

});

```

第四种:解构赋值

```javascript

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

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

}

```

第五种:keys()、values()和entries()方法

分别获取键、值或键值对:

```javascript

for (let key of map.keys()) {

console.log(key);

}

```

第六种:直接迭代键值对

```javascript

for (let item of map) {

console.log(item);

}

```

以上便是 `Map` 的6种遍历方式,灵活运用可以大幅提升开发效率哦!💪