共计 2076 个字符,预计需要花费 6 分钟才能阅读完成。
Map
ECMAScript 6 以前,在 JavaScript 中实现“键 / 值”式存储能够应用 Object 来不便高效地实现,也就是应用对象属性作为键,再应用属性来援用值。
作为 ECMAScript 6 的新增个性,Map 是一种新的汇合类型,为这门语言带来了真正的键 / 值存储机制。Map 的大多数个性都能够通过 Object 类型实现,但二者之间还是存在一些轻微的差别。具体实际
中应用哪一个,还是值得细细甄别
1) 创立
应用 new 关键字和 Map 构造函数能够创立一个空映射:const m =new Map()
// 应用嵌套数组初始化映射
["key1", "val1"],
["key2", "val2"],
["key3", "val3"]
]);
alert(m1.size); // 3
// 应用自定义迭代器初始化映射
const m2 = new Map({[Symbol.iterator]: function*() {yield ["key1", "val1"];
yield ["key2", "val2"];
yield ["key3", "val3"];
}
});
alert(m2.size); // 3
初始化之后,能够应用 set()办法再增加键 / 值对。另外,能够应用 get()和 has()进行查问,能够通过 size 属性获取映射中的键 / 值对的数量,还能够应用 delete()和 clear()删除值。
与 Object 只能应用数值、字符串或符号作为键不同,Map 能够应用任何 JavaScript 数据类型 作为 键。Map 外部应用 SameValueZero 比拟操作(ECMAScript 标准外部定义,语言中不能应用),基本上相当于应用严格对象相等的规范来查看键的匹配性。与 Object 相似,映射的值是没有限度的。
const m = new Map();
const functionKey = function() {};
const symbolKey = Symbol();
const objectKey = new Object();
m.set(functionKey, "functionValue");
m.set(symbolKey, "symbolValue");
m.set(objectKey, "objectValue");
alert(m.get(functionKey)); // functionValue
alert(m.get(symbolKey)); // symbolValue
alert(m.get(objectKey)); // objectValue
// SameValueZero 比拟意味着独立实例不抵触
alert(m.get(function() {})); // undefined
与严格相等一样,在映射中用作键和值的对象及其他“汇合”类型,在本人的内容或属性被批改时依然放弃不变:
const m = new Map();
const objKey = {},
objVal = {},
arrKey = [],
arrVal = [];
m.set(objKey, objVal);
m.set(arrKey, arrVal);
objKey.foo = "foo";
objVal.bar = "bar";
arrKey.push("foo");
arrVal.push("bar");
console.log(m.get(objKey)); // {bar: "bar"}
console.log(m.get(arrKey)); // ["bar"]
抉择 Object 还是 Map
对于在乎内存和性能的开发者来说,对象和映射之间的确存在显著的差异
1. 内存占用
Object 和 Map 的工程级实现在不同浏览器间存在显著差别,但存储单个键 / 值对所占用的内存数量
都会随键的数量线性减少。批量增加或删除键 / 值对则取决于各浏览器对该类型内存调配的工程实现。
不同浏览器的状况不同,但给定固定大小的内存,Map 大概能够比 Object 多存储 50% 的键 / 值对。
2. 插入性能
向 Object 和 Map 中插入新键 / 值对的耗费大抵相当,不过插入 Map 在所有浏览器中个别会略微快
一点儿。对这两个类型来说,插入速度并不会随着键 / 值对数量而线性减少。如果代码波及大量插入操
作,那么显然 Map 的性能更佳。
3. 查找速度
与插入不同,从大型 Object 和 Map 中查找键 / 值对的性能差别极小,但如果只蕴含大量键 / 值对,
则 Object 有时候速度更快。在把 Object 当成数组应用的状况下(比方应用间断整数作为属性),浏
览器引擎能够进行优化,在内存中应用更高效的布局。这对 Map 来说是不可能的。对这两个类型而言,
查找速度不会随着键 / 值对数量减少而线性减少。如果代码波及大量查找操作,那么某些状况下可能选
择 Object 更好一些。
4. 删除性能
应用 delete 删除 Object 属性的性能始终以来饱受诟病,目前在很多浏览器中依然如此。为此,
呈现了一些伪删除对象属性的操作,包含把属性值设置为 undefined 或 null。但很多时候,这都是一
种厌恶的或不合适的折中。而对大多数浏览器引擎来说,Map 的 delete()操作都比插入和查找更快。
如果代码波及大量删除操作,那么毫无疑问应该抉择 Map。