一文详细说一说Map和WeakMap的区别(面试官常问)

// Map：强引用导致内存泄漏风险
const map = new Map();
let obj = { id: 1 };
map.set(obj, "data");
obj = null; // 手动置空，但map仍引用obj，GC不会回收

// WeakMap：弱引用自动回收
const weakMap = new WeakMap();
let obj2 = { id: 2 };
weakMap.set(obj2, "data");
obj2 = null; // obj2无其他引用，GC回收后，weakMap中该键值对消失

// Set：强引用
const set = new Set();
let obj = { id: 1 };
set.add(obj);
obj = null; // set仍引用obj，GC不回收

// WeakSet：弱引用
const weakSet = new WeakSet();
let obj2 = { id: 2 };
weakSet.add(obj2);
obj2 = null; // obj2无其他引用，GC回收后，weakSet中该值消失

const map = new Map();
// 存：键唯一，值可重复
map.set("id1", { name: "张三" });
map.set("id2", { name: "李四" });
map.set("id1", { name: "张三2" }); // 覆盖id1的旧值

// 查：按键取值
console.log(map.get("id1")); // { name: "张三2" }
console.log(map.has("id2")); // true

// 遍历：键、值、键值对
for (const key of map.keys()) console.log(key); // id1、id2
for (const value of map.values()) console.log(value); // {name: "张三2"}、{name: "李四"}
for (const [k, v] of map.entries()) console.log(k, v);

const set = new Set();
// 存：值唯一，重复添加无效
set.add(1);
set.add(2);
set.add(1); // 无效果，1已存在

// 查：仅能判断值是否存在，无get
console.log(set.has(2)); // true
// console.log(set.get(2)); // 报错：Set 无get方法

// 遍历：keys/values等价，entries返回[值, 值]
for (const val of set.values()) console.log(val); // 1、2
for (const [v1, v2] of set.entries()) console.log(v1, v2); // 1 1、2 2

// 典型场景：数组去重
const arr = [1, 2, 2, 3];
const uniqueArr = [...new Set(arr)]; // [1,2,3]