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