ES6学习之路(六) Map&WeakMet

来源:互联网 发布:苹果5s用不了4g网络 编辑:程序博客网 时间:2024/06/05 06:09

个人感觉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 keymap.set(null, 2)// TypeError: Invalid value used as weak map key
原创粉丝点击