本号用于每日更新前端最新面试题，React、Vue、小程序、JavaScript、HTML5、CSS、uniapp、ES6、前端工程化、性能优化等热点面试题~~~

欢迎关注，面试题刷起来~~升职加薪不是梦~~

Set 和 Map 是 ES6 引入的两种新的数据结构，它们具有以下主要区别：

1：存储的数据类型不同：

• Set：Set 是一种存储唯一值的集合，它的成员值只能出现一次，不重复。可以存储任何类型的值，包括原始值和引用值。
• Map：Map 是一种键值对的集合，它将键与值相关联。键是唯一的，每个键只能出现一次，但值可以重复。可以使用各种类型的值作为键和值。

2：存储方式的差异：

• Set：Set 使用类似于数组的方式存储值，保持插入顺序。它通过值的相等性（通过 "SameValueZero" 算法判断）来确定唯一性。
• Map：Map 使用键值对的方式存储数据，可以通过自定义的键来关联和访问值。键和值的插入顺序被保持。

3：迭代方式的不同：

• Set：Set 提供了迭代器（Iterator）接口，可以使用 for...of 循环或 forEach 方法对 Set 进行迭代。
• Map：Map 提供了迭代器接口，可以使用 for...of 循环或 forEach 方法对 Map 的键值对进行迭代。

4：大小和性能的差异：

• Set：Set 的大小是根据其包含的唯一值的数量来计算的。对于大型数据集合，Set 的查询性能较好。
• Map：Map 的大小是根据其键值对的数量来计算的。对于需要频繁增删键值对的操作，Map 通常具有更好的性能。

5：使用场景的不同：

• Set：Set 适用于需要存储一组唯一值，并且不关心顺序的场景。例如，去重、判断元素是否存在等。
• Map：Map 适用于需要将值与特定键关联的场景。例如，存储键值对的配置信息、构建字典、缓存等。

需要根据具体的需求和数据结构特点来选择使用 Set 还是 Map。如果只需要存储唯一值并且不关心顺序，使用 Set；如果需要将值与键关联，并且需要根据键进行查找和操作，使用 Map。