Map

最后更新于:2022-04-01 22:05:47

# 映射 我们可以把映射看成是对JavaScript Object的一个扩展。在传统的JavaScript Object中,当我们设置key, value对的时候,key只能是字符串。ES6对这个进行了扩展,形成了新的映射类型,映射类型的key, value对可以是任意对象。 ## 映射的初始化 在ES6中,可以通过如下2种对构造函数的调用来创建并初始化一个映射对象 * 不传参数给构造函数,这将创建一个空的映射 ```javascript var sampleMap = new Map(); console.log(sampleMap.size); //will output 0 ``` * 传一个数组给构造函数,这个传入的数组的每个元素包含2个值,第一个将作为key, 另外一个作为value ```javascript var sampleMap = new Map([['key1', 'val1'], ['key2', 'val2']]); //will output 2, also sampleMap will have key key1 and key2 console.log(sampleMap.size);//will output 2 ``` ## 对映射对象的操作 和集合对象类似,你可以对映射对象执行如下的操作 * 增加成员,通过```set(key, val)```向映射对象增加成员 * 删除成员,通过```delete(key)```从映射对象删除成员 * 测试是否包含,通过```has(key)```测试是否包含某个key * 获取成员,通过```get(key)```返回成员 * 清空成员,通过```clear()```操作清空整个映射对象 另外,映射对象和集合对象一样,当你使用object作为key的时候,是根据key是否指向同样的内存对象来判断是否new一个key的。如果2个key的对象指向的是同一个内存对象,那么后面一个set将覆盖前面一个set的内容。 ## 对映射对象的遍历 对映射对象,你可以使用下面的任意一种方法进行合适的遍历。 * ```keys()```调用,```keys()```调用将返回映射对象key的集合,接着你就可以使用```for...of```循环遍历了。 ```javascript 'use strict'; var sampleMap = new Map(); sampleMap.set('key1', 'val1'); sampleMap.set('key2', 'val2'); for (let key of sampleMap.keys()){ console.log(key + '---' + sampleMap.get(key)); } ``` * ```values()```调用,```values()```调用返回映射对象value的集合,接着你就可以使用```for...of```循环遍历了。 ```javascript 'use strict'; var sampleMap = new Map(); sampleMap.set('key1', 'val1'); sampleMap.set('key2', 'val2'); for (let val of sampleMap.values()){ console.log(val); } ``` * ```entries()```调用,```entries()```调用返回映射对象key和value的集合,接着你就可以使用```for...of```循环遍历了。 ```javascript 'use strict'; var sampleMap = new Map(); sampleMap.set('key1', 'val1'); sampleMap.set('key2', 'val2'); for (let item of sampleMap.entries()){ console.log(item[0] + '---' + item[1]); } ``` *```forEach()```调用 ```javascript 'use strict'; var sampleMap = new Map(); sampleMap.set('key1', 'val1'); sampleMap.set('key2', 'val2'); sampleMap.forEach(function(value, key, map){ console.log(key + '---' + value); }); ``` # 弱映射 和弱集合一样,弱映射的key不被垃圾回收所检查,当key对应的对象被回收的时候,也自动从弱映射中被删除。由于这个原因,弱映射和弱集合一样无法进行遍历,这能修改。
';