js 遍历map
时间: 2023-07-01 14:28:16 浏览: 111
在 JavaScript 中,可以使用 for...of 循环来遍历 Map。具体操作如下:
```js
const myMap = new Map();
myMap.set(0, 'zero');
myMap.set(1, 'one');
for (const [key, value] of myMap) {
console.log(key, value);
}
```
上面的代码输出结果为:
```
0 "zero"
1 "one"
```
另外,也可以使用 forEach 方法来遍历 Map。具体操作如下:
```js
const myMap = new Map();
myMap.set(0, 'zero');
myMap.set(1, 'one');
myMap.forEach((value, key) => {
console.log(key, value);
});
```
上面的代码输出结果也为:
```
0 "zero"
1 "one"
```
相关问题
js遍历map(js遍历map对象)
在JavaScript中,遍历一个Map对象可以使用`for...of`循环或者`forEach`方法。
使用`for...of`循环遍历Map对象的示例代码如下:
```
const map = new Map();
map.set('a', 1);
map.set('b', 2);
for (let [key, value] of map) {
console.log(`key名称是:${key},key的值是:${value}`);
}
```
使用`forEach`方法遍历Map对象的示例代码如下:
```
const map = new Map();
map.set('a', 1);
map.set('b', 2);
map.forEach((value, key) => {
console.log(`key名称是:${key},key的值是:${value}`);
});
```
请注意,Map对象是ES6中新增的数据结构,所以在一些老版本的浏览器中可能不被支持。如果需要在老版本的浏览器中使用Map对象,可以使用一些polyfill库进行兼容性处理。
JavaScript遍历map
JavaScript中遍历Map有多种方法,以下是其中的两种:
1. 使用for...of循环遍历Map
```javascript
let map = new Map();
map.set('a', 1);
map.set('b', 2);
for (let [key, value] of map) {
console.log(key, value);
}
// 输出:a 1
// b 2
```
2. 使用forEach()方法遍历Map
```javascript
let map = new Map();
map.set('a', 1);
map.set('b', 2);
map.forEach(function(value, key) {
console.log(key, value);
});
// 输出:a 1
// b 2
```
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![docx](https://img-home.csdnimg.cn/images/20241231044901.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)