3. 实际应用场景

Map 的应用场景：

• 存储键值对：如果需要将数据存储为一对一的关系，可以使用 Map。

• 示例：存储用户的 ID 和信息，或存储产品的 ID 和价格等。

map.set(1, 'apple');
map.set('name', 'John');
console.log(map.get(1)); // 'apple'
console.log(map.get('name')); // 'John'

 需要任意类型作为键：当需要将对象、数组、函数等作为键时，Map 比对象更有优势。

维护插入顺序：Map 保证键值对按插入顺序排序，适合需要按照插入顺序遍历的场景。

const map = new Map();
map.set(2, 'two');
map.set(1, 'one');
map.set(3, 'three');


for (let [key, value] of map) {
  console.log(key, value);
}
// 输出：
// 2 'two'
// 1 'one'
// 3 'three'

Set 的应用场景：

• 存储唯一值：如果需要存储没有重复的值，可以使用 Set。

  • 示例：去重数组中的元素。

console.log(set); // Set { 1, 2, 3, 4 }

检查元素是否存在：Set 提供了 .has(value) 方法，可以高效地检查某个元素是否已经存在。

console.log(set.has(2)); // true
console.log(set.has(4)); // false

集合运算：Set 可以非常方便地做集合运算，例如交集、并集、差集等。通过 Set 和 Map 可以轻松实现一些数学集合操作。

快速查找：由于 Set 内部是基于哈希表实现的，因此它的查找效率高于普通的数组，尤其是在需要频繁查找某个值时。

console.log(set.has(3)); // true

4. 性能对比

• Map 和 Set 都是基于哈希表实现的，插入、删除、查找的时间复杂度均为 O(1) ，因此在大多数情况下，它们的性能优于基于数组的操作（如 .indexOf()）。

总结：

• Map 更适合用于需要键值对的场景（例如存储用户信息、配置项、缓存数据等），并且需要键为任意类型时。

• Set 更适合用于存储唯一的值，尤其是去重、集合运算和高效查找的场景。

参考文章：原文链接​