面试题每日一练，测测你对JavaScript WeakMap 和数组方法的理解

今天的挑战题目涉及到JavaScript中的 WeakMap、数组方法 map 和 reduce，以及对对象引用的管理。让我们一步步解析这段代码，看看它会输出什么以及为什么。

代码解析

首先，代码创建了一个 WeakMap 实例：

const weakMap = new WeakMap();

WeakMap 是一个键必须是对象的特殊类型的 Map，其中的键是弱引用，这意味着如果没有其他引用指向这些对象，垃圾回收机制可以自动回收它们。

接下来，代码使用 map 方法创建了一个包含对象的数组 arr：

const arr = [1, 2, 3].map(n => ({ n }));

• [1, 2, 3].map(n => ({ n })) 创建了一个新数组，其中每个元素都是一个对象，形如 { n: 1 }，{ n: 2 }，{ n: 3 }。

然后，代码通过 forEach 方法将这些对象作为键添加到 WeakMap 中，并将对应的值设置为 obj.n * 2：

arr.forEach(obj => weakMap.set(obj, obj.n * 2));

• 这一步操作后，weakMap 中存储了三组键值对：{ n: 1 } => 2，{ n: 2 } => 4，{ n: 3 } => 6。

接下来，代码从数组 arr 中移除了最后一个元素：

arr.pop(); // Remove the last element

• 这行代码将数组 arr 的最后一个元素 { n: 3 } 移除。因为 WeakMap 中的键是弱引用，所以如果没有其他地方引用这个对象，它可能会被垃圾回收，从而也会从 WeakMap 中消失。

然后，代码使用 reduce 方法计算剩余对象在 WeakMap 中对应值的和：

const result = arr.reduce((acc, obj) => acc + weakMap.get(obj), 0);

• reduce 方法遍历 arr 中剩下的两个对象 { n: 1 } 和 { n: 2 }，并从 WeakMap 中获取它们的值，分别是 2 和 4，然后将它们相加。

输出结果

根据上述逻辑，最终的 result 值是 2 + 4 = 6。因此，console.log(result) 的输出是：

console.log(result); // 输出 6

结束

这道题目展示了 WeakMap 如何与数组操作结合使用。通过 WeakMap 的弱引用特性，删除数组中的对象元素会影响 WeakMap 中的键值对的存在。当最后一个元素被 pop 移除后，reduce 仅计算剩余对象在 WeakMap 中的对应值之和。理解 WeakMap 的行为以及如何与数组方法一起使用，对于正确解答这道题目至关重要。你答对了吗？欢迎在评论区分享你的答案和想法！

每天一道面试题，帮助你提高编程技能，不断进步！记得关注哦！