1. Map与Set的基本概念
1.1 Map的定义与核心特性
在 JavaScript 中，Map 是一个用于存放“键值对”的数据结构，键可以是任意类型，包含对象、函数甚至是布尔值、数字和字符串。相比传统对象，Map的键类型不再只是字符串，这让它在需要复杂键的场景中更具灵活性。除此之外，插入顺序在 Map 中是有意义的，遍历 Map 时通常会按照添加的顺序返回元素。这样可以实现可预测的遍历行为。
另一个重要特性是，Map提供了键值对的直接方法，如 set、get、has、delete，以及 size 属性来获取对像的元素数量。这些方法使得在实现缓存、映射关系或关联数据时更加直观高效。
// Map 的基本用法示例
const map = new Map();
map.set('name', 'Alice');
map.set({ id: 1 }, 'ObjectKey');
console.log(map.size); // 2
console.log(map.get('name')); // Alice
console.log(map.has('name')); // true
1.2 Set的定义与核心特性
Set 是一个专门用于存放“唯一值”的集合，集合中的值不可重复，且没有键值对的概念。Set 的设计初衷是为了快速判断一个值是否已经存在，以及在大量值中去重。通过 add、has、delete、size 等方法，可以高效地进行去重、去重后的计数、以及集合运算。
与 Array 相比，Set 的主要优势在于去重与唯一性保障，并且在遍历时，保持了插入时的顺序。Set 也能把对象作为元素，因为这里的对象是值的一种，不同引用的对象视为不同元素。
// Set 的基本用法示例
const s = new Set();
s.add(1);
s.add('a');
s.add(1); // 不会重复，Set 保持唯一性
console.log(s.size); // 2
console.log(s.has('a')); // true
2. Map、Set与对象和数组的区别
2.1 与对象的键类型差异
与普通对象相比，Map 的键类型更加灵活，键既可以是原始值也可以是对象等引用类型，并且通过 size 取代对象中的 length 来获取元素数量。这样的设计避免了对象属性名冲突和原型链带来的潜在问题。
对象的键通常是 字符串或符号，如果需要把对象或函数作为键，需要进行额外的处理或使用 Map 来完成映射关系。简而言之，Map 更适合大规模、复杂键的映射，而对象更适合简单的字段集合与序列化场景。
// 对比示例：用 Map 存储任意类型的键
const map = new Map();
map.set('str', 1);
const objKey = { id: 1 };
map.set(objKey, 'objectKey');
console.log(map.get(objKey)); // objectKey
2.2 与数组的使用场景差异
数组（Array）是用于有序数据的集合，索引访问和顺序遍历是数组的核心能力，但在做“键到值”的映射时，数组往往需要借助对象的形态进行结构化存储，效率可能不如 Map。同时，Map 提供了更快的键查找和更清晰的键值关系，在需要频繁查找、替换或保持映射关系时，Map 的效率通常优于普通对象或多维数组。
另一方面，Set 专注于去重和唯一性，当仅需要判断某个值是否已经存在集合中时，Set 提供了很高的性能与直观语义。与数组组合使用时，Map 和 Set 可以实现更高效的去重、统计以及去重后的分组操作。
// 将数组去重的常见方法（借助 Set）
const arr = [1, 2, 2, 3, 3, 4];
const unique = [...new Set(arr)];
console.log(unique); // [1, 2, 3, 4]// 使用 Map 进行分组统计
const items = ['apple', 'banana', 'apple', 'orange', 'banana', 'apple'];
const counts = new Map();
for (const item of items) {counts.set(item, (counts.get(item) || 0) + 1);
}
console.log(counts.get('apple')); // 3
3. Map、Set的使用场景与实战
3.1 常见使用场景
在实际开发中，Map 常用于键值对存储、对象与数据的快速查找、以及需要保持插入顺序的场景，尤其当键的类型可能是对象或函数时，Map 的优势更加明显。另一方面，Set 适合做去重、快速判断成员、以及集合运算（并集、交集、差集等），它的核心能力是确保值的唯一性。通过组合 Map 与 Set，可以实现高效的缓存、去重后的聚合、以及复杂的数据映射逻辑。
就“使用场景”而言，去重、缓存、快速存在性判断、维护有序的键值对等需求，通常会优先考虑 Map 和 Set 的组合，而不是直接依赖对象或数组的纯操作。这样的设计可以提升代码可读性与执行效率。
// 场景示例：去重并统计出现次数
const items = [1, 2, 2, 3, 3, 3];
const seen = new Set();
const counts = new Map();
for (const item of items) {seen.add(item);counts.set(item, (counts.get(item) || 0) + 1);
}
console.log([...seen]); // [1, 2, 3]
console.log(Array.from(counts.entries())); // [[1,1], [2,2], [3,3]]
3.2 实战示例：从对象数组中构建唯一索引映射
在对一组对象数组进行去重并按某个字段建立唯一索引时，Map 的能力尤为突出，因为可以把字段值作为键，记录对应的对象或聚合数据。这样能快速实现“键到对象”的映射，避免重复对象的创建。
下面是一个简单的实战示例，展示如何基于唯一标识生成索引，并保留最近的一条记录：
// 将对象数组按唯一字段构建 Map 索引
const users = [{ id: 101, name: 'Alice' },{ id: 102, name: 'Bob' },{ id: 101, name: 'Alice_New' }
];const indexById = new Map();
for (const u of users) {// 使用 id 作为键，保留最新的对象indexById.set(u.id, u);
}
console.log(indexById.get(101)); // { id: 101, name: 'Alice_New' }
