zoukankan      html  css  js  c++  java
  • JS Map与Set

    笔记整理自:廖雪峰老师的JS教程

    Map

    JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。

    为了解决这个问题,最新的ES6规范引入了新的数据类型Map

    使用

    初始化Map需要一个二维数组,或者直接初始化一个空MapMap具有以下方法:

    var m = new Map(); // 空Map
    m.set('Adam', 67); // 添加新的key-value
    m.set('Bob', 59);
    m.has('Adam'); // 是否存在key 'Adam': true
    m.get('Adam'); // 67
    m.delete('Adam'); // 删除key 'Adam'
    m.get('Adam'); // undefined
    

    注意一个key只能对应一个value,所以,多次对一个key放入value,后面的值会把前面的值冲掉

    Set

    SetMap类似,也是一组key的集合,但不存储value。由于key不能重复,所以,在Set中,没有重复的key

    使用

    要创建一个Set,需要提供一个Array作为输入,或者直接创建一个空Set

    var s1 = new Set(); // 空Set
    var s2 = new Set([1, 2, 3]); // 含1, 2, 3
    s2.add(4);
    s2; // Set {1, 2, 3, 4}
    s2.add(4);
    s2; // 仍然是 Set {1, 2, 3, 4}
    
    var s = new Set([1, 2, 3]);
    s; // Set {1, 2, 3}
    s.delete(3);
    s; // Set {1, 2}
    

    注意:重复元素在Set中自动被过滤

    实际示例

    通过Set进行数组去重

    包含Set转数组,以及数组转Set的基础操作。

    var arr=[1,2,1,2,3];
    console.log("初始数组:"+arr);
    
    var s=new Set(arr);
    console.log(s);
    
    var arr2=Array.from(s);
    console.log("去重后的数组:"+arr2);
    
  • 相关阅读:
    5.4、获取对象信息
    5.3、继承和多态
    JS基础-组成
    js定时器
    js 原型链,继承,闭包,内存,泄露
    flex 布局
    点击导出table表格
    图片利用 new Image()预加载原理 和懒加载的实现原理
    js控制style样式
    自定义指令的用法
  • 原文地址:https://www.cnblogs.com/tfxz/p/12838747.html
Copyright © 2011-2022 走看看