// 創(chuàng)建空Map
const map = new Map();
// 創(chuàng)建帶初始值的Map
const userMap = new Map([
  ['name', 'name'],
  [42, 'Answer'],
  [Symbol('id'), 123]
]);
// 添加鍵值對(duì)
map.set('key1', 'value1');
map.set({ objKey: 1 }, 'object value'); // 鍵可以是對(duì)象
// 獲取值
console.log(userMap.get('name')); // 'name'
console.log(map.get({ objKey: 1 })); // undefined（引用不同）
// 檢查鍵是否存在
console.log(userMap.has(42)); // true
// 刪除鍵值對(duì)
userMap.delete('name');
// 獲取大小
console.log(userMap.size); // 2
// 清空Map
map.clear();

const map = new Map();
map.set(5, 'number five');
map.set('5', 'string five'); // 允許，類型不同
const obj1 = {};
const obj2 = {};
map.set(obj1, 'obj1');
map.set(obj2, 'obj2'); // 允許，引用不同
console.log(map.size); // 4

const map = new Map([
  ['a', 1],
  ['b', 2]
]);
// 遍歷鍵值對(duì)
for (const [key, value] of map) {
  console.log(key, value);
}
// 遍歷鍵
for (const key of map.keys()) {
  console.log(key);
}
// 遍歷值
for (const value of map.values()) {
  console.log(value);
}
// 使用forEach
map.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

// 1. 對(duì)象轉(zhuǎn)Map
const obj = { a: 1, b: 2 };
const map = new Map(Object.entries(obj));
// 2. Map轉(zhuǎn)對(duì)象
const newObj = Object.fromEntries(map); // ES2019+
// 3. 合并Map
const mergedMap = new Map([...map1, ...map2]);
// 4. 復(fù)制Map
const cloneMap = new Map(map);
// 5. 檢查是否包含所有鍵
function hasAllKeys(map, keys) {
  return keys.every(key => map.has(key));
}

// 1. 緩存計(jì)算結(jié)果
const cache = new Map();
function compute(key) {
  if (cache.has(key)) {
    return cache.get(key);
  }
  const result = expensiveOperation(key);
  cache.set(key, result);
  return result;
}
// 2. 事件注冊(cè)表（鍵為元素，值為事件處理函數(shù)）
const eventRegistry = new Map();
const element = document.getElementById('btn');
eventRegistry.set(element, () => { /* 處理函數(shù) */ });
// 3. 統(tǒng)計(jì)頻率
const frequencyMap = new Map();
['a', 'b', 'a', 'c'].forEach(item => {
  frequencyMap.set(item, (frequencyMap.get(item) || 0) + 1);
});
// 結(jié)果: Map { 'a' => 2, 'b' => 1, 'c' => 1 }