關於 JavaScript 的 Map

前言

  最近發現 JavaScript 有 Map 這個類別，抽個空做個學習，在此做個紀錄。

內容

  Map 的功能其實和 Object 很相似，所以範例會拿 Object 來與 Map 對比，範例如下

let obj = {};
let map = new Map();
//
obj.prop = 1234;
map.set( 'prop' , 1234 );
console.log( obj.prop );//1234
console.log( map.get( 'prop' ) );//1234
//Use key by number
map.set( 1 , 'number');
console.log( map.get( 1 ) );//number
//delete key
delete obj.prop;
map.delete( 'prop' );
console.log( obj.prop );//undefined
console.log( map.get( 'prop' ) );//undefiend

新增內容時透過 Map.set() 來新增，如果沒有該 Key 值會新增，如果有效果則是覆蓋，Map 可以使用 Number 當作 Key 值，但 Object 是完全不行，刪除 Key 時，Object 是透過 delete 命令來達成，而 Map 透過 Map.delete() 來達成。

參考資料

[ developer.mozilla.org ] Map