Question

Set和Map数据结构介绍及使用场景分析

Answer 1

特征介绍：
1. 类似于数组，没有重复的值
2. 本身是一个构造函数
3. 可以接受一个iterable对象（数组、类数组、字符串...）
4. 有序
5. 键值相等

size、add()、delete()、has()、clear()

keys()、values()、entries()、forEach()

数组去重并坦

并集

交集

WeakSet 结构与 Set 类似，也是不重复的值的集合。
它桐薯与 Se的区别：

作为构造函数，Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。

size、set(key,value)、 get(key)、 has(key)、 delete(key)、 clear()

keys()、values()、entries()、forEach()

复杂的判断处理，使用if...else

升级为switch-case,还是比较麻烦的

升级为map写法(也可以用object对象定义actions，效果一样)

发挥map的特性 (用对象作为key，适用于多元判断)

如果存在有些状态对应的处理方式是一样的，那么map对象会显得有些啰嗦
这里可以使用 正则类型数据作为map的局蔽者key

---------转自 JavaScript 复杂判断的更优雅写法 --------

WeakMap结构与Map结构类似，也是用于生成键值对的集合。
区别

vue3.0中的数据监听原理简析