美文网首页ES6 新特性
ES6 Map数据结构

ES6 Map数据结构

作者: 生命里那束光 | 来源:发表于2022-05-07 21:56 被阅读0次

Map 集合

1. 概述:

ES6 提供了 Map 数据结构。

  • 它类似于对象,Map是一个升级版的对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
  • Map 也实现了iterator 接口,所以可以使用『扩展运算符』『for…of…』进行遍历;
  • map元素的格式:

2. Map 的属性和方法:

  1. size 返回 Map 的元素个数;

  2. set 增加一个新元素,返回当前 Map;

  3. get 返回键名对象的键值;

  4. has 检测 Map 中是否包含某个元素,返回 boolean 值;

  5. clear 清空集合,返回 undefined;

3. 简单使用:

代码实现:

<script> 
    // Map集合 
    let m = new Map(); // 创建一个空 map 
    
    // 创建一个非空 map 
    let m2 = new Map([ 
            ['name','尚硅谷'], 
            ['slogon','不断提高行业标准'] 
    ]); 
    // 1. size 返回 Map 的元素个数; 
    console.log(m2.size); 

    // 2. set 增加一个新元素,返回当前 Map; 
    m.set("皇帝","大哥"); 
    m.set("丞相","二哥"); 
    console.log(m); 
    
    // 3. get 返回键名对象的键值; 
    console.log(m.get("皇帝")); 

    // 4. has 检测 Map 中是否包含某个元素,返回 boolean 值; 
    console.log(m.has("皇帝")); 

    // 5. clear 清空集合,返回 undefined; 
    m.clear(); 
    console.log(m); 

    //遍历
    for (let v of m) {
        console.log(v);
    }
</script>

运行结果:

相关文章

  • 帮大家理解ES6中的Map

    帮大家了解ES6中的map:Map 是 ES6 中新增的数据结构,Map 类似于对象,但普通对象的 key 必须是...

  • ES6中的Set和Map

    ES6中新增了Set、WeakSet、Map、WeakMap数据结构 一、Set Set是类似数组的数据结构,和数...

  • 简单总结ES6的Map

    ES6的Map Map结构提供了“值—值”的对应,如果需要键值对的数据结构,Map比Object更合适。它类似于对...

  • Set 和 Map 数据结构

    Set WeakSet Map WeakMap Set § ⇧ 基本用法 § ⇧ ES6 提供了新的数据结构 Se...

  • ES6 Map数据结构

    Map 集合 1. 概述: ES6 提供了 Map 数据结构。 它类似于对象,Map是一个升级版的对象,也是键值对...

  • ES6系列之Set和Map

    今天,我们来学习一下ES6中新增的两个数据结构:Set和Map。 Set ES6 提供了新的数据结构 Set。它类...

  • ES6快速入门(二)

    1. Map对象 ES6提供了新的数据结构Map,Map结构提供了“值—值”的对应,是一种更完善的Hash结构实现...

  • ES6中的Map和Set

    Map 一、Map是什么?es6 新提出的一种引用类型的数据结构 类似于对象。Map对象保存键值对。任何值(对象或...

  • JavaScript中的Array、Set和Map

    数组、Set和Map比较 都是JavaScript的数据结构 Set是ES6提供的新的数据结构, 类似于数组, 但...

  • Iterator和for...of循环

    Iterator(遍历器) 概念 表示"集合"的数据结构,主要是原有的Array和Object,ES6增加的Map...

网友评论

    本文标题:ES6 Map数据结构

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