兼收并蓄 TypeScript - 基础: map

源码 https://github.com/webabcd/TypeScriptDemo
作者 webabcd

兼收并蓄 TypeScript - 基础: map

示例如下:

basic\map.ts

{
    // 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}`); // a:aaa, b:100, c:ddd, size:3


    // 遍历 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"]])); // {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")}`); // a:aaa, b:bbb, c:ccc


    // 合并 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); // {a => aaa, b => ddd, c => ccc}
}

源码 https://github.com/webabcd/TypeScriptDemo
作者 webabcd

posted @ 2024-09-20 12:13  webabcd  阅读(12)  评论(0编辑  收藏  举报