Map
-
Map 数据结构。它类似于对象,也是键值对的集合,但是
键的范围不限于字符串,各种类型的值(包括对象)都可以当作键。 -
如果对同一个键多次赋值,后面的值将覆盖前面的值。
-
如果读取一个未知的键,则返回
undefined。 -
Map 的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键。
-
如果 Map 的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map 将其视为一个键,比如
0和-0就是一个键,布尔值true和字符串true则是两个不同的键。另外,undefined和null也是两个不同的键。虽然NaN不严格相等于自身,但 Map 将其视为同一个键。
Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。
任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数。
const map = new Map([
['name', '张三'],
['title', 'Author']
]);
map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"
size 属性
size属性返回 Map 结构的成员总数
Map.prototype.set(key, value)
-
set方法设置键名key对应的键值为value,然后返回整个 Map 结构。如果key已经有值,则键值会被更新,否则就新生成该键。 -
set方法返回的是当前的Map对象,因此可以采用链式写法。
Map.prototype.get(key)
get方法读取key对应的键值,如果找不到key,返回undefined。
Map.prototype.has(key)
has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。
Map.prototype.delete(key)
delete方法删除某个键,返回true。如果删除失败,返回false。
Map.prototype.clear()
clear方法清除所有成员,没有返回值。
遍历方法
Map.prototype.keys():返回键名的遍历器。Map.prototype.values():返回键值的遍历器。Map.prototype.entries():返回所有成员的遍历器。Map.prototype.forEach():遍历 Map 的所有成员。
需要特别注意的是,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()
for (let [key, value] of map) {
console.log(key, value);
}
// "F" "no"
与其他数据结构的互相转换
Map 转为数组
- Map 转为数组最方便的方法,就是使用扩展运算符(
...)。
数组 转为 Map
- 将数组传入 Map 构造函数,就可以转为 Map。
Map 转为对象
-
如果所有 Map 的键都是字符串,它可以无损地转为对象。
-
如果有非字符串的键名,那么这个键名会被转成字符串,再作为对象的键名。
对象转为 Map
-
对象转为 Map 可以通过
Object.entries()。 -
此外,也可以自己实现一个转换函数。
let obj = {"a":1, "b":2};
let map = new Map(Object.entries(obj));
function objToStrMap(obj) {
let strMap = new Map();
for (let k of Object.keys(obj)) {
strMap.set(k, obj[k]);
}
return strMap;
}
objToStrMap({yes: true, no: false})
// Map {"yes" => true, "no" => false}
Map 转为 JSON
Map 转为 JSON 要区分两种情况。
-
一种情况是,Map 的键名都是字符串,这时可以选择转为对象 JSON。
-
另一种情况是,Map 的键名有非字符串,这时可以选择转为数组 JSON。
function mapToArrayJson(map) {
return JSON.stringify([...map]);
}
let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']);
mapToArrayJson(myMap)
// '[[true,7],[{"foo":3},["abc"]]]'
JSON 转为 Map**
-
JSON 转为 Map,正常情况下,所有键名都是字符串。
-
但是,有一种特殊情况,整个 JSON 就是一个数组,且每个数组成员本身,又是一个有两个成员的数组。这时,它可以一一对应地转为 Map。这往往是 Map 转为数组 JSON 的逆操作。
function jsonToMap(jsonStr) {
return new Map(JSON.parse(jsonStr));
}
jsonToMap('[[true,7],[{"foo":3},["abc"]]]')
// Map {true => 7, Object {foo: 3} => ['abc']}
WeakMap
WeakMap与Map的区别有两点。
- 首先,
WeakMap只接受对象作为键名(null除外),不接受其他类型的值作为键名。 - 其次,
WeakMap的键名所指向的对象,不计入垃圾回收机制。
WeakMap 与 Map 在 API 上的区别主要是两个,
- 一是没有遍历操作(即没有
keys()、values()和entries()方法),也没有size属性。 - 二是无法清空,即不支持
clear方法。 - 因此,
WeakMap只有四个方法可用:get()、set()、has()、delete()。