ES6学习之路(六) Map&WeakMet

个人感觉Map&WeakMet和Set&WeakSet很多的相同之处，所以就重点记录一下不同之处作为区分

Map

1.map 用来设置键的数据结构，可以使任何类型的值（ES5的对象键都是字符串）；

    //将 对象 o 设置为m 的一个键
    m.set(o,'content');
    //用get读取这个键
    console.log(m.get(o));//content

    console.log(m.has(o));//true
    console.log(m.delete(o));//true
    console.log(m.has(o));//false

2.Map可以接收一个数组作为参数，该数组的每个成员是一个键值对数组;

    const map = new Map([
        ['name','张三'],
        ['title','Author']
    ]);

    console.log(map.size);//2
    console.log(map.has('name'));//true
    console.log(map.get('name'));//张三
    console.log(map.has('title'));//true
    console.log(map.get('title'));//Author

3.map 只要是具有Iterator 接口（可遍历）的数据结构都可以当作map参数，包括set和map

    const set =new Set([
        ['foo',1],
        ['bar',2]
    ]);

    const m1 = new Map(set);
    console.log(m1.has('foo'));//true

    const m2 = new Map([['baz',3]]);
    const m3 = new Map(m2);
    console.log(m3.get('baz'));//3

4.对同一个值多次赋值，后面的覆盖前面的；

    const map = new Map();
    map
    .set(1,'aaa')
    .set(1,'bbb');

    console.log(map.get(1));//bbb

    //如果读取一个未知的键 返回undefined
    console.log(map.get(333));//undefined

5.如果 Map 的键是一个简单类型的值（数字、字符串、布尔值），则只要两个值严格相等，Map 将其视为一个键，
布尔值true和字符串true则是两个不同的键。另外，undefined和null也是两个不同的键。虽然NaN不严格相等于自身，但 Map 将其视为同一个键。

    const map = new Map();
    //由于两个键不是同一个对象的引用，所以返回Undefined
    map
    .set(['aaa'],1)
    .set(['aaa'],2);
    console.log(map.get(['aaa']));//undefined
    console.log(['aaa'] === ['aaa'] )//false

map 属性和操作方法

属性
1.size属性返回 Map 结构的成员总数。
2.set方法设置键名key对应的键值为value，然后返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。

    const m = new Map();
    //set方法返回的是当前的Map对象，因此可以采用链式写法。
    m
    .set('edition', 6)        // 键是字符串
    .set(262, 'standard')     // 键是数值
    .set(undefined, 'nah')    // 键是 undefined

3.get方法读取key对应的键值，如果找不到key，返回undefined。
4.has方法返回一个布尔值，表示某个键是否在当前 Map 对象之中。
5.delete方法删除某个键，返回true。如果删除失败，返回false。
6.clear方法清除所有成员，没有返回值。

二、遍历方法

和Set的一样
keys()：返回键名的遍历器。
values()：返回键值的遍历器。
entries()：返回所有成员的遍历器。
（map的遍历器接口默认是entries，set的默认是values();）
forEach()：遍历 Map 的所有成员。

    const map = new Map([
        ['f','no'],
        ['t','yes']
    ]);

    for(let key of map.keys()){
        console.log(key);//f,t
    }

    for (let value of map.values()) {
      console.log(value);
    }
    // "no"
    // "yes"

    for (let item of map.entries()) {
      console.log(item[0], item[1]);
    }
    // "F" "no"
    // "T" "yes"
    // 或者
    for (let [key, value] of map.entries()) {
      console.log(key, value);
    }
    // "F" "no"
    // "T" "yes"


    //map的遍历器接口默认是entries，set的默认是values();
    // 等同于使用map.entries()
    for (let [key, value] of map) {
      console.log(key, value);
    }
    // "F" "no"
    // "T" "yes"

    //Map 结构转为数组结构，比较快速的方法是使用扩展运算符（...）。
    const map = new Map([
        [1,'one'],
        [2,'two'],
    ]);
    console.log([...map.keys()]);//[1,2]

Map与其他数据结构的互相转换可以看一下阮一峰老师的书Map与其他数据结构转换

WeakMet

WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名。
WeakMap 里面对对象的引用就是弱引用，不会被计入垃圾回收机制。一旦消除对该对象的引用，它占用的内存就会被垃圾回收机制释放。
WeakMap只有四个方法可用：get()、set()、has()、delete()。

const map = new WeakMap();
map.set(1, 2)
// TypeError: 1 is not an object!
map.set(Symbol(), 2)
// TypeError: Invalid value used as weak map key
map.set(null, 2)
// TypeError: Invalid value used as weak map key