js中Map和WeakMap的使用

Map的使用

{
  // 通过构造函数创建对象
  let map = new Map([
    ["name", "Jack"],
    ["age", 17],
  ]);
  console.log(map);
}

{
  let map = new Map();
  // 支持链式声明
  map.set(["1", "2", "3"], "arrays").set("name", "Mike");
  console.log(map);

  // 获取属性值
  console.log(map.get("name"));
  // 判断是否有该值
  console.log(map.has("sd"));
  // 删除键值对
  map.delete("name");
  map.forEach((obj) => {
    console.log(obj);
  });

  // keys(),values(),entries 默认遍历entries
  for (const obj of map.keys()) {
    console.log(obj);
  }

  for(const obj of map.entries()){
      console.log(obj);
  }

  // 清空键值对
  map.clear();
  console.log(map);
}

WeakMap的使用

• 只能以对象作为键名，不能以其他数据类型作为键名
• 键名所指的对象不触发垃圾回收机制
• 没有clear、size，无法遍历
• 一般用于获取某个document元素的对象

{
  let obj = new WeakMap();
//   obj.set("name", "hjhhh");
  console.log(obj); // nvalid value used as weak map key
  obj.set({ name: "jack" }, "Mike");
}