带着问题学习:
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