js new Map() 如何遍历
时间: 2023-07-18 22:33:22 浏览: 60
可以使用 `for..of` 循环遍历 `Map` 对象的键值对,示例如下:
```
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
for (let [key, value] of myMap) {
console.log(key, value);
}
```
输出结果为:
```
key1 value1
key2 value2
```
另外,也可以使用 `Map` 对象的 `forEach` 方法对其进行遍历,示例如下:
```
myMap.forEach((value, key) => {
console.log(key, value);
});
```
输出结果同样为:
```
key1 value1
key2 value2
```
相关问题
js map遍历key
在 JavaScript 中,可以使用 `map` 方法遍历一个对象的键(key)。以下是一个示例:
```javascript
const obj = {
name: 'Alice',
age: 25,
city: 'New York'
};
const keys = Object.keys(obj);
const result = keys.map(key => {
return key;
});
console.log(result);
```
这段代码中,我们首先使用 `Object.keys()` 方法获取对象 `obj` 的所有键,并将其存储在 `keys` 数组中。然后,我们使用 `map` 方法对 `keys` 数组进行遍历,将每个键返回,并将结果存储在 `result` 数组中。最后,我们打印出 `result` 数组,即可得到遍历的键。
运行上述代码,输出结果为:
```
[ 'name', 'age', 'city' ]
```
注意:`map` 方法会返回一个新的数组,其中包含的是对原始数组每个元素进行处理后的结果。在上述示例中,我们只是简单地返回了每个键本身。如果你需要对键进行进一步操作,可以在 `map` 方法中添加相应的处理逻辑。
JS 遍历 new map中的值
你可以使用`forEach`方法来遍历`Map`中的值。下面是一个示例:
```javascript
const myMap = new Map();
myMap.set(1, 'One');
myMap.set(2, 'Two');
myMap.set(3, 'Three');
myMap.forEach((value) => {
console.log(value);
});
```
这将打印出`Map`中的每个值:
```
One
Two
Three
```
你也可以使用`for...of`循环来遍历`Map`中的值,像这样:
```javascript
for (const value of myMap.values()) {
console.log(value);
}
```
这将产生相同的输出。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)