语法 new Map([iterable]);
Iterable 可以是一个数组或者其他 iterable 对象,其元素或为键值对,或为两个元素的数组。 每个键值对都会添加到新的 Map。null 会被当做 undefined。
一个Map对象以插入顺序迭代其元素 — 一个 for...of 循环为每次迭代返回一个[key,value]数组。
所有的 Map 对象实例都会继承 Map.prototype。
属性
Map.prototype.constructor 返回一个函数,它创建了实例的原型。默认是Map函数。
Map.prototype.size 返回Map对象的键/值对的数量。
Map.prototype.clear() 移除Map对象的所有键/值对 。
Map.prototype.delete(key) 移除任何与键相关联的值,并且返回该值,该值在之前会被Map.prototype.has(key)返回为true。之后再调用Map.prototype.has(key)会返回false。
Map.prototype.entries() 返回一个新的 Iterator 对象,它按插入顺序包含了Map对象中每个元素的 [key, value] 数组。
Map.prototype.forEach(callbackFn[, thisArg]) 按插入顺序,为 Map对象里的每一键值对调用一次callbackFn函数。如果为forEach提供了thisArg,它将在每次回调中作为this值。
Map.prototype.get(key) 返回键对应的值,如果不存在,则返回undefined。
Map.prototype.has(key) 返回一个布尔值,表示Map实例是否包含键对应的值。
Map.prototype.keys() 返回一个新的 Iterator对象, 它按插入顺序包含了Map对象中每个元素的键 。
Map.prototype.set(key, value) 设置Map对象中键的值。返回该Map对象。
Map.prototype.values() 返回一个新的Iterator对象,它按插入顺序包含了Map对象中每个元素的值 。
Map.prototype[@@iterator]() 返回一个新的Iterator对象,它按插入顺序包含了Map对象中每个元素的 [key, value] 数组
Objects 和 maps 的比较
Object 和 Map 类似的是,它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此(并且也没有其他内建的替代方式了)过去我们一直都把对象当成 Map 使用。不过 Map 和 Object 有一些重要的区别,在下列情况里 Map 会是更好的选择:
一个对象的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值,包括函数、对象、基本类型。
你可以通过 size 属性直接获取一个 Map 的键值对个数,而 Object 的键值对个数只能手动计算。
Map 是可迭代的,而 Object 的迭代需要先获取它的键数组然后再进行迭代。
Object 都有自己的原型,所以原型链上的键名有可能和对象上的键名产生冲突。虽然 ES5 开始可以用 map = Object.create(null) 来创建一个没有原型的对象,但是这种用法不太常见。
Map 在涉及频繁增删键值对的场景下会有些性能优势。
let map = new Map();
let keyObj = {};
let keyFnc = function () {};
let keyString = "keyStr";
let noNumber = Number("aaa");
//添加键值对
map.set(keyObj,"键·对象");
map.set(keyFnc,"键·function");
map.set(keyString,"键·字符串");
map.set(noNumber,"键·NAN");
// console.log(map.size);
// console.log(map);
//获取值
// console.log(map.get(keyObj));
// console.log(map.get({}));
// console.log(map.get(keyFnc));
// console.log(map.get(function(){}));
// console.log(map.get(keyString));
// console.log(map.get("keyStr"));
// console.log(map.get(noNumber));
// console.log(map.get(NaN));
迭代1
// for(let [key,value] of map){
// console.log(key + ":" + value);
// }
迭代2
// for (let key of map.keys()) {
// console.log(key);
// }
迭代3
// for (let value of map.values()) {
// console.log(value);
// }
迭代4
// for (let [key, value] of map.entries()) {
// console.log(key + " = " + value);
// }
迭代4
// map.forEach(function (value ,key) {
// console.log(key + ":" + value);
// },map);
//这里传入的map是可选参数,指代this的值
// let aaa = {
// "a" : 1,
// "b" : 2
// };
// map.forEach(function (value ,key) {
// console.log(key + ":" + value);
// console.log(this.a);
// },aaa);
// 映射与数组对象的关系
let kvArray = [["key1", "value1"], ["key2", "value2"]];
// 使用映射对象常规的构造函数将一个二维键值对数组对象转换成一个映射关系
let myMap = new Map(kvArray);
myMap.get("key1"); // 返回值为 "value1"
// 使用展开运算符将一个映射关系转换成一个二维键值对数组对象
console.log([...myMap]); // 将会向您显示和kvArray相同的数组
// 或者使用展开运算符作用在键或者值的迭代器上,进而得到只含有键或者值得数组
console.log([...myMap.keys()]); // 输出 ["key1", "key2"]
补充:
1、Map在forEach时,callback函数的参数依次为:(value,key,本身)
weakMap:
WeakMap 的 key 只能是 Object 类型。 原始数据类型 是不能作为 key 的(比如 Symbol)。也是弱引用,受垃圾回收机制影响;