美文网首页
学习TypeScript(Map 对象)

学习TypeScript(Map 对象)

作者: 薥劃 | 来源:发表于2021-03-10 08:12 被阅读0次

    创建 Map

    let myMap = new Map();

    let myMap = new Map([
            ["key1", "value1"],
            ["key2", "value2"]
        ]); 
    

    Map 相关的函数与属性:

    • map.clear() – 移除 Map 对象的所有键/值对 。
    • map.set() – 设置键值对,返回该 Map 对象。
    • map.get() – 返回键对应的值,如果不存在,则返回 undefined。
    • map.has() – 返回一个布尔值,用于判断 Map 中是否包含键对应的值。
    • map.delete() – 删除 Map 中的元素,删除成功返回 true,失败返回 false。
    • map.size – 返回 Map 对象键/值对的数量。
    • map.keys() - 返回一个 Iterator 对象, 包含了 Map 对象中每个元素的键 。
    • map.values() – 返回一个新的Iterator对象,包含了Map对象中每个元素的值 。
    let nameSiteMapping = new Map();
     
    // 设置 Map 对象
    nameSiteMapping.set("Google", 1);
    nameSiteMapping.set("Runoob", 2);
    nameSiteMapping.set("Taobao", 3);
     
    // 获取键对应的值
    console.log(nameSiteMapping.get("Runoob"));     // 2
     
    // 判断 Map 中是否包含键对应的值
    console.log(nameSiteMapping.has("Taobao"));       // true
    console.log(nameSiteMapping.has("Zhihu"));        // false
     
    // 返回 Map 对象键/值对的数量
    console.log(nameSiteMapping.size);                // 3
     
    // 删除 Runoob
    console.log(nameSiteMapping.delete("Runoob"));    // true
    console.log(nameSiteMapping);
    // 移除 Map 对象的所有键/值对
    nameSiteMapping.clear();             // 清除 Map
    console.log(nameSiteMapping);
    

    迭代 Map

    let nameSiteMapping = new Map();
     
    nameSiteMapping.set("Google", 1);
    nameSiteMapping.set("Runoob", 2);
    nameSiteMapping.set("Taobao", 3);
     
    // 迭代 Map 中的 key
    for (let key of nameSiteMapping.keys()) {
        console.log(key);                  
    }
     
    // 迭代 Map 中的 value
    for (let value of nameSiteMapping.values()) {
        console.log(value);                 
    }
     
    // 迭代 Map 中的 key => value
    for (let entry of nameSiteMapping.entries()) {
        console.log(entry[0], entry[1]);   
    }
     
    // 使用对象解析
    for (let [key, value] of nameSiteMapping) {
        console.log(key, value);            
    }
    

    相关文章

      网友评论

          本文标题:学习TypeScript(Map 对象)

          本文链接:https://www.haomeiwen.com/subject/kfcbqltx.html