JavaScript中Map.clear()方法失效问题排查求助

嘿，我帮你找到了问题所在！你遇到的情况并不是clear()方法失效了，而是后续的代码逻辑让你误以为它没起作用。

问题根源分析 #

1. 你调用list_.clear()之后，确实已经成功清空了这个Map对象，这一步是完全正常工作的。
2. 但紧接着你执行了list_ = new Map(list_);——这行代码其实是基于已经清空的Map创建了一个新的空Map，属于完全多余的操作，而且会让你混淆Map的引用关系。
3. 最后你调用的addToMap()函数，逻辑是遍历当前的list_（此时已经是空的），再把遍历到的键值对重新存入Map。因为遍历的是空Map，这个函数根本没往list_里添加任何内容。
4. 结果就是第34行和第36行打印的都是空Map，看起来就像clear()没生效，但实际上它已经完成了清空操作。

修复方案 #

如果你想要的是「清空Map后，重新添加初始的键值对」，你需要把初始数据单独保存，而不是依赖当前的Map进行遍历：

// 把初始键值对数据单独存起来，方便后续复用
const initialMapData = [
  ["1", "a"],
  ["2", "b"],
  ["3", "c"]
];
var list_ = new Map(initialMapData);

// 修改addToMap函数，遍历初始数据而非当前的Map
function addToMap() {
  for (let [key, value] of initialMapData) {
    list_.set(key, value);
  }
}

// 执行清空操作
list_.clear();
console.log(list_); // 这里会打印空的Map
// 重新填充数据
addToMap();
console.log(list_); // 这里会打印恢复初始数据的Map

如果你只是单纯想清空Map，不需要后续重新填充，那直接调用list_.clear()就足够了，完全不需要list_ = new Map(list_);这行多余的代码。

额外小提示 #

Map.clear()是直接修改原Map对象的方法，执行后原Map就会变成空的，不需要重新赋值给变量。这和创建新Map的操作是完全不同的，别搞混啦～

内容的提问来源于stack exchange，提问作者Fables Alive