js遍历map的key
时间: 2023-10-15 17:23:14 浏览: 123
js中遍历Map对象的方法
在JavaScript中,可以使用不同的方法来遍历Map的key。以下是三种常用的方法:
1. 使用forEach方法遍历Map的key,可以通过回调函数获取每个键的值和键名。示例代码如下:
```
const map = new Map([['key1','v1'],['key2','v2'],['key3','v3']]);
map.forEach((value, key) => {
console.log(key);
});
```
输出结果为:
```
key1
key2
key3
```
2. 使用for...of循环遍历Map的key,可以直接获取每个键。示例代码如下:
```
const map = new Map([['key1','v1'],['key2','v2'],['key3','v3']]);
for (let key of map.keys()) {
console.log(key);
}
```
输出结果为:
```
key1
key2
key3
```
3. 使用for...in循环遍历Map的key,可以通过访问对象属性来获取每个键。示例代码如下:
```
const map = new Map([['key1','v1'],['key2','v2'],['key3','v3']]);
for (let key in map) {
console.log(key);
}
```
输出结果为:
```
0
1
2
```
注意,使用for...in循环遍历Map时,返回的是Map对象的属性索引,而不是键名。所以不推荐使用for...in循环来遍历Map的key。
综上所述,你可以使用forEach方法、for...of循环或者for...in循环来遍历JavaScript中的Map的key。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [JS中Map的遍历](https://blog.csdn.net/qq_44742090/article/details/123794872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [JS遍历map](https://blog.csdn.net/shenzhou_yh/article/details/89419169)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文