JavaScript之Map

最新推荐文章于 2025-04-29 13:19:48 发布

悟空、为师帅不

最新推荐文章于 2025-04-29 13:19:48 发布

阅读量557

点赞数

分类专栏： ES6语法文章标签： javascript es6

本文链接：https://blog.youkuaiyun.com/weixin_46380539/article/details/117385964

版权

ES6语法专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了JavaScript中的Map数据类型，包括如何创建Map、常用API如has、get、size、set、delete和clear的用法。Map提供了一种真正的键/值存储方式，支持自定义迭代器初始化，并且能处理包括undefined在内的各种键类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、定义：map是一种新的集合类型，是JavaScript真正的键/值存储机制。

二、基本API：

创建映射

// 使用new关键字和Map构造函数可以创建一个空映射
       const m = new Map();
       console.log(m); // Map(0) {}
        // 使用嵌套数组初始化映射
       const m1 = new Map([['key1','value1'],['key2','value2'],['key3','value3']])
       console.log(m1); //  {"key1" => "value1", "key2" => "value2", "key3" => "value3"}
        // 使用自定义迭代器初始化映射
       const m2 = new Map({[Symbol.iterator]: function*(){
            yield ['key1','value1'];
            yield ['key2','value2'];
            yield ['key3','value3'];
       }})
       console.log(m2); //  {"key1" => "value1", "key2" => "value2", "key3" => "value3"}
       // 映射期待的键/值对，无论是否提供 
       const m3 = new Map([[]]);  
       console.log(m3.has(undefined));   // true   
       console.log(m3.get(undefined));   // undefined

API：

 const m = new Map();  
        console.log(m.has("firstName"));   // false判断是否有该键
        console.log(m.get("firstName"));   // undefined获取该map的值    
        console.log(m.size);               // 0获取键值对的数量
        m.set("firstName", "Matt")         // 为该map添加键值对
        .set("lastName", "Frisbie");
        console.log(m.has("firstName")); // true
        console.log(m.get("firstName")); // Matt
        console.log(m.size);                // 2
        m.delete("firstName");      // 只删除这一个键/值对
        console.log(m.has("firstName")); // false
        console.log(m.has("lastName"));   // true
        console.log(m.size);                // 1
        m.clear(); // 清除这个映射实例中的所有键/值对     
        console.log(m.has("firstName")); // false
        console.log(m.has("lastName"));   // false
        console.log(m.size);                // 0