es6 Set和Map

￡神魔★判官ぃ 2023-07-09 09:27 80阅读 0赞

**一、Set和Map**

**1.Set**

**Set ：它类似于数组，但成员的值都是唯一的，没有重复的值。**

1）.实例化一下Set  
![在这里插入图片描述][20200228153706576.png]  
注意：1和“1”是完全不相同的值，也就是说在向set加入值的时候，是不会发生类型转换的。

2）**Set的实例属性和方法**  
Set 结构的实例属性：

Set.prototype.constructor ：构造函数，默认就是 Set 函数。
    	Set.prototype.size ：返回 Set 实例的成员总数。

Set 实例的方法:

add(value) ：添加某个值，返回 Set。
    	delete(value) ：删除某个值，返回一个布尔值，表示删除是否成功。
    	has(value) ：返回一个布尔值。
    	clear() ：清除所有成员，无返回值。

3）**Set结构的遍历方法**

keys() ：返回一个**键名**的遍历器  
values() ：返回一个**键值**的遍历器  
entries() ：返回一个**键值对**的遍历器  
forEach() ：使用回调函数遍历每个成员

**并集、交集和差集（Union 、Intersect 、 Difference）的实现**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ_size_16_color_FFFFFF_t_70]  
（我感觉和初中数学学习的交集并集很像，原理是差不多的）

**2.Map**  
**Map 类似于对象，是键值对的集合。**

1）![在这里插入图片描述][20200228160907375.png]  
注：只有对同一个对象的引用， Map 结构才能将他们看作同一个键。

**2）Map 结构的属性：**

**size 属性**：size 属性返回 Map 结构的成员总数。  
**get(key)**：get 方法读取 key 对应的键值，如果找不到 key ，返回 undefined 。  
**has(key)**：has 方法返回一个布尔值。  
**delete(key)**：delete 方法删除某个键，若成功，返回 true ；若失败，返回 false  
**clear()**：clear 方法清除所有成员，无返回值。

**3）Map结构的遍历方法**

keys() ：返回键名的遍历器。
    	values() ：返回键值的遍历器。
    	entries() ：返回所有成员的遍历器。
    	forEach() ：遍历 Map 的所有成员。

![在这里插入图片描述][202002281619176.png]

[20200228153706576.png]: https://img-blog.csdnimg.cn/20200228153706576.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200228160002397.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ==,size_16,color_FFFFFF,t_70
[20200228160907375.png]: https://img-blog.csdnimg.cn/20200228160907375.png
[202002281619176.png]: https://img-blog.csdnimg.cn/202002281619176.png