Day5: [资料结构] - Map

Map是JavaScript ES6中新增的资料结构 ，类似於object ，不过Map还是跟object有着以下的差异:

1. Map的key是可以是原始型别、物件、函式，而object的key限定为string、 symbol
2. Map为array-like (类阵列)所以可以使用array的方法，像是forEach等等
3. Map中的keys会根据被添加的时间而有顺序性，而Object则没有顺序性
4. 假如需要频繁的新增删除属性时，Map的效能会比Object更好

如何宣告一个新的Map

let map = new Map()

//也可以在宣告的时候就赋值，传入[key , value]
let map = new Map([
  ["amber", 18],
  ["shane", 33],
]);

Map.set(key, value) 

新增key-value pairs(键值对)，如果key已经存在，旧的值会被新的值覆盖

//第一个值传入key 第二个值传入value
map.set('tom', 28);
map.set('jason', 27);

因为set会回传map的本身，所以可以使用chaining(链)的写法

let map = new Map()
  .set('jay', 13)
  .set('ban', 23)
  .set('luna', 49);

Map.get(key)

用key来获取value，如果没有这个key会回传undefined

map.get('tom'); //get 28

Map.size()

获取Map的长度

map.size // get 2

Map.has(key)

检查Map是否拥有该key，会回传boolean值

map.has('tom') // true or false

Map.delete(key)

删除Map的某个key，如果删除成功会回传true，失败则是false

map.delete('tom') // true or false

Map.clear()

清除Map所有的键值对，不会回传值

map.clear('tom')

Map Iteration (迭代)

• Map.keys() :回传map所有的key
• Map.values():回传map所有的value
• Map.entires():回传map每个元素的[key, value]的键值对

let map = new Map([
  ["amber", 18],
  ["shane", 33],
]);
map.keys() // {'amber', 'shane'}
map.values() // {18, 33}
map.entires() // {"amber" => 18, "shane" => 33}

可以搭配for of或forEach来遍历map

//for of
for(let [key, value] of map){
    console.log('key', key, 'value', value)
}

//forEach 
map.forEach((value, key) => {
   console.log('key', key, 'value', value)
})

将map转成阵列

//....扩展运算子
[...map.keys()] // ["amber", "shane"]

WeakMap

WeakeMap结构类似於Map，只接受object作为key，不接受其它类型的值，不支援迭代的方法ex. keys()、values()、entries()等等，WeakMap的key为弱引用，当作为key的object在其它地方没有被引用的时候，就会被js垃圾回收机制自动回收，整个键值对都会消失。

let weakMap = new WeakMap()
weakMap.set('mark', 19)
//Invalid value used as weak map key 


let obj = {name: 'mark'}
weakMap.set(obj, 5)
//correct

参考资料:MDN