js系列-Map和WeakMap

带着问题学习：

1.什么是Map

2.es6为什么会出现Map，解决什么问题

2.如何定义Map

回答：

1.Map是一组键值对结构的数据集合

2.出现Map是为了解决Object的键key必须是字符串问题，Map的键可以为Number，对象Object，数组Array，方法Function等。Map还有个优点是具有极快的查找速度。

3.定义（两种定义方式）：

    //定义空Map：
    let map = new Map();
    map.set('Tom',22);
    map.set('Jerry',20);
    console.log(map);//Map(2) {"Tom" => 22, "Jerry" => 20}
    //定义时直接初始化（数据为二维数组）
    let map2 = new Map([['Tom',22],['Jerry',20]]);
    console.log(map2);//Map(2) {"Tom" => 22, "Jerry" => 20}

操作Map的方法：

1.添加元素set（上面定义时我们已经用到了）

 //键key可以是对象，function，字符串，数字
    let myMap = new Map();
    let keyObj = {};
    let keyFunc = function() {};
    let keyString = 'string';
    // 添加键
    myMap.set(keyString, "和键'string'关联的值");
    myMap.set(keyObj, "和键keyObj关联的值");
    myMap.set(keyFunc, "和键keyFunc关联的值");
    myMap.set(1, "和键数字1关联的值");
    console.log(myMap);//Map(4) {"string" => "和键'string'关联的值", {…} => "和键keyObj关联的值", ƒ => "和键keyFunc关联的值", 1 => "和键数字1关联的值"}

2.获取元素get

    console.log(myMap.get(keyString));//"和键'string'关联的值"
    console.log(myMap.get(keyObj));//"和键keyObj关联的值"
    console.log(myMap.get(keyFunc));//"和键keyFunc关联的值"
    console.log(myMap.get(1));//"和键数字1关联的值"

3.删除元素delete

    let map = new Map([['Tom',22],['Jerry',20]]);
    console.log(map);//Map(2) {"Tom" => 22, "Jerry" => 20}
    map.delete('Tom');//返回值true
    console.log(map);//Map(1) {"Jerry" => 20}

4.清除所有元素clear

     let map = new Map([['Tom',22],['Jerry',20]]);
     console.log(map);//Map(2) {"Tom" => 22, "Jerry" => 20}
     map.clear();//返回值undefined
     console.log(map);//ap(0) {}

5.检测元素是否存在has

    let map = new Map([['Tom',22],['Jerry',20]]);
    console.log(map.has('Tom'));//true

6.遍历数据

使用 keys()/values()/entries() 都可以返回可遍历的迭代对象。(这里也可以看出Map和对象Object相似)

    let map = new Map([['Tom',22],['Jerry',20]]);
    for (const key of map.keys()) {
        console.log(key);//Tom Jerry
    }
    for (const value of map.values()) {
        console.log(value);//22 20
    }
    for (const item of map) {
        console.log(item);//["Tom", 22] ["Jerry", 20]
    }
    for (const item of map.entries()) {
        console.log(item);//["Tom", 22] ["Jerry", 20]
    }
    map.forEach(item=>{
        console.log(item)
    })

7.转数组（数组章节有详细介绍）

我们常常将其他数据类型转换为数组类型，就可以使用数组filter，every，some等强大方法了。

    //过滤年龄小于18岁的人
    let map = new Map([['Tom',22],['Jerry',20],['Ela',16]]);
    console.log(map);//Map(3) {"Tom" => 22, "Jerry" => 20, "Ela" => 16}
    map = new Map([...map].filter(item=>{
        return item[1] > 18
    }));
    console.log(map);//Map(2) {"Tom" => 22, "Jerry" => 20}

WeakMap

对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象Object 类型，而值可以是任意的。

注意几点：

• 键名必须是对象
• WeaMap对键名是弱引用的，键值是正常引用
• 垃圾回收不考虑WeaMap的键名，不会改变引用计数器，键在其他地方不被引用时即删除
• 因为WeakMap 是弱引用，由于其他地方操作成员可能会不存在，所以不可以进行forEach( )遍历等操作
• 也是因为弱引用，WeaMap 结构没有keys( )，values( )，entries( )等方法和 size 属性
• 当键的外部引用删除时，希望自动删除数据时使用 WeakMap

基本操作

下面是WeakSet的常用指令

const wm = new WeakMap();
const arr = ["Tom"];
//添加操作
wm.set(arr, 20);
console.log(wm.has(arr)); //true
//删除操作
wm.delete(arr);
//检索判断
console.log(wm.has(arr)); //false