万象更新 Html5 - es6 基础: map
万象更新 Html5 - es6 基础: map
示例如下:
es6\src\basic\map.js
// map 是一个 key/value 集合，先进先出，遇到重复键值则后面的会覆盖前面的，key 和 value 都支持类型的多样性
// 常规操作有 set(), get(), delete(), keys(), values(), has(), clear(), size 等
let myMap = new Map();
// 设置和获取
myMap.set("a", "aaa");
myMap.set("b", 100); // key 和 value 都支持类型的多样性
myMap.set("c", "ccc");
myMap.set("c", "ddd"); // 遇到重复键值则后面的会覆盖前面的
console.log(`a:${myMap.get("a")}, b:${myMap.get("b")}, c:${myMap.get("c")}, size:${myMap.size}`);
// 遍历 key/value
for (let [key, value] of myMap) {
console.log(key + ":" + value);
}
// 遍历 key/value（map.entries() 会返回一个新的 Iterator 对象，它按插入顺序包含了 map 对象中的 key/value 集合）
for (let [key, value] of myMap.entries()) {
console.log(key + ":" + value);
}
// 遍历 key
for (let key of myMap.keys()) {
console.log(key);
}
// 遍历 value
for (let value of myMap.values()) {
console.log(value);
}
// 遍历 key/value（forEach 方式）
myMap.forEach(function(value, key) {
console.log(key + ":" + value);
});
// 实例化 map 对象时，初始化其 key/value 数据集合
console.log(new Map([["a", "aaa"], ["b", "bbb"], ["c", "ccc"]]));
// map 对象转数组
console.log(Array.from(new Map([["a", "aaa"], ["b", "bbb"], ["c", "ccc"]])));
// 结果为 [["a", "aaa"], ["b", "bbb"], ["c", "ccc"], length: 3]
// 实例化 map 对象时，可以指定数据来源的 map 对象（这个相当于 map 对象的克隆）
let myMap1 = new Map([["a", "aaa"], ["b", "bbb"], ["c", "ccc"]]);
let myMap2 = new Map(myMap1);
console.log(`a:${myMap2.get("a")}, b:${myMap2.get("b")}, c:${myMap2.get("c")}`);
// 合并 map 对象，如果遇到重复键值，则后面的会覆盖前面的
let myMap3 = new Map([["a", "aaa"], ["b", "bbb"]]);
let myMap4 = new Map([["c", "ccc"], ["b", "ddd"]]);
let myMapMerged = new Map([...myMap3, ...myMap4]);
console.log(myMapMerged);
