js map set
时间: 2024-05-26 16:09:42 浏览: 16
JavaScript中的Map和Set都是ES6新增的数据类型。Map是一种键值对的集合,其中每个键都唯一,而Set是一种唯一值的集合,其中每个值都是唯一的。
Map和Set的主要区别在于:
1. Map存储键值对,而Set只存储值。
2. Map的键可以是任意类型的,而Set中只能是基本数据类型。
3. Map具有可迭代性,而Set也是可迭代的。
下面分别介绍一下它们的用法:
Map的使用:
```
// 创建一个Map
const map = new Map();
// 添加元素
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');
// 获取元素
console.log(map.get('key1')); // 输出value1
// 删除元素
map.delete('key2');
// 判断是否存在某个键
console.log(map.has('key3')); // 输出true
// 获取Map的大小
console.log(map.size); // 输出2
// 遍历Map
for (let [key, value] of map) {
console.log(key + ':' + value);
}
```
Set的使用:
```
// 创建一个Set
const set = new Set();
// 添加元素
set.add(1);
set.add(2);
set.add(3);
// 获取元素
console.log(set.has(1)); // 输出true
// 删除元素
set.delete(2);
// 获取Set的大小
console.log(set.size); // 输出2
// 遍历Set
for (let value of set) {
console.log(value);
}
```
相关推荐
![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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)