文档章节

Set 和 Map

凌兮洛
 凌兮洛
发布于 08/20 09:51
字数 740
阅读 37
收藏 0

Set

1:基本概念

  • 类数组对象, 内部元素唯一

      let set = new Set([1, 2, 3, 2, 1]);
      console.log(set);
      // Set(3){ 1, 2, 3 } 
    
      [...set];
      // [1, 2, 3] 
    
    
  • 接收数组或迭代器对象

      let set = new Set(document.getElementsByName('div'));
      set.size;
      // 0 
      let set = new Set([1, 2, 3, 2, 1]);
    
    
  • 不存在隐式转换

      let set = new Set([5, '5']);
      set;
      // Set(2){ 5, '5' } 
    
      let set = new Set([NaN, NaN]);
      set;
      // Set(1){ NaN } 
    
      let set = new Set([{}, {}]);
      set;
      // Set(2){ {...}, {...} } 
    
      let set = new Set('abcdabcd');
      set;
      // Set(4){ 'a', 'b', 'c', 'd' } 
    
    

2:属性和方法

  • size , 返回当前Set元素总数

      let set = new Set([1, 2, 3, 4]);
      set.size;
      // 4 
    
    
  • add , 添加元素 , 返回新的Set

      let set = new Set([1, 2, 3, 4]);
      set.add(5);
      // Set(5){ 1, 2, 3, 4, 5 } 
    
    
  • delete , 删除元素 , 返回成功与否

      let set = new Set([1, 2, 3, 4]);
      set.delete(4);
      // true 
    
    
  • has , 是否包含某个元素

      let set = new Set([1, 2, 3, 4]);
      set.has(4);
      // true 
    
    
  • clear , 清空Set

      let set = new Set([1, 2, 3, 4]);
      set.clear();
      set;
      // Set(0){ }
    
    

3:Set遍历

  • keys()

      let set = new Set(['Eric', 'Iven', 'David']);
      set.keys();
      // SetIterator {"Eric", "Iven", "David"}
    
      [...set.keys()];
      //(3) ["Eric","Iven","David"]
    
    
  • values()

      let set = new Set(['Eric', 'Iven', 'David']);
      set.values();
      // SetIterator {"Eric", "Iven", "David"}
    
    
  • entries()

      let set = new Set(['Eric', 'Iven', 'David']);
      set.entries();
      // SetIterator {"Eric" => "Eric", "Iven" => "Iven", "David" => "David"} 
    
    
  • forEach()

      let set = new Set(['Eric', 'Iven', 'David']);
      set.forEach(s => s);
      //
      Eric
      Iven
      David
    
    

4:WeakSet(弱应用)

  • 只能放置对象的弱引用Se
  • 其他对象不再引用该对象(DOM), 垃圾回收机制会自动回收该对象所占用的内存
  • 适合临时存放一组对象
  • 无size
  • 不可遍历
  • add
  • delete
  • has

Map

1:基本概念

  • 各种类型的值(包括对象)都可以当作键的键值对结构

      let map = new Map();
      let names = ['Eric', 'Iven'];
    
      map.set(names, 'Eric and Iven');
      map.get(names);
      // Eric and Iven 
    
    
  • 接收迭代器对象

      let map = new Map([
        ['name', 'Eric'],
        ['name', 'Iven']
      ]);
      map;
      // Map(1) {"name" => "Iven"} 
    
    
  • 特殊值处理

      let map = new Map();
      map.set(-0, 1);
      map.get(+0);
      // 1 
    
      let map = new Map();
      map.set(true, 1);
      map.set('true', 2);
      map.get(true);
      // 1 
    
      let map = new Map();
      map.set(undefined, 1);
      map.set(null, 2);
      map.get(undefined);
      // 1 
    
    
      let map = new Map();
      map.set(NaN, 1);
      map.get(NaN);
      // 1 
    
    
  • 同一个键多次赋值, 后面的值将覆盖前面的值

2:属性和方法

  • size

  • set(key,value),返回新的Map

      let map = new Map();
      map.set(1,1).set(2,2);
      //Map(2) {1 => 1,2 => 2}
    
    
  • get,不存在返回undefined

  • has,返回是否包含键值

  • delete,返回成功与否

  • clear,清空

3:Map遍历

  • keys()

  • values()

  • entries()

  • forEnch(),第二个参数绑定this

      let map = new Map([
        ['name', 'Eric'],
        ['name', 'Iven']
      ]);
    
      let customLog = {
        info: function(key, value) {
          console.log(value);
        }
      };
    
      map.forEach(function(value, key, map) {
        this.info(key, value);
      }, customLog);
      // Iven 
    
    

4:WeakMap

  • 只能放置对象的弱引用Map

  • 其他对象不再引用该对象, 垃圾回收机制会自动回收该对象所占用的内存

  • 存放DOM

  • 处理私有属性

      const _totalCount = new WeakMap();
      class Cat {
        constructor(count) {
          _totalCount.set(this, count);
        }
        getCount() {
          let count = _totalCount.get(this);
          // ... 
          return count;
        }
      }
      const number = 123456;
      const cat = new Cat(number);
    
    
  • 适合临时存放一组对象

  • 无size

  • 不可遍历

  • get()

  • set()

  • delete

  • has

© 著作权归作者所有

上一篇: ES6新特性之Proxy
下一篇: ES6新特征之Symbol
凌兮洛
粉丝 2
博文 59
码字总数 65979
作品 0
长沙
私信 提问
初学C++ SLT,请各位大神指点,如何使用C++ STL中的map容器输出容器中key和value之间的关系

请给出实际可运行的例子 问题描述如下: map如何通过key和value之间的关系输出自己想要的特定关系。 形式如: #include #include #include #include #include using namespace std; typedef ...

inkred
2016/06/24
614
5
ES6 Set 和Map 数据结构

ES6提供了新的数据结构Set,它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身是一个数据结构,用来生成Set 数据结构。  Set 函数可以接受一个数组作为参数 可以利用去除数组...

前端攻城老湿
2018/11/09
0
0
Map集合中value()方法与keySet()、entrySet()区别 ——转载

在Map集合中 values():方法是获取集合中的所有的值----没有键,没有对应关系, KeySet(): 将Map中所有的键存入到set集合中。因为set具备迭代器。所有可以迭代方式取出所有的键,再根据get方法...

关河
2016/04/11
243
0
请使用 c++ stl 中的map 和set结合使用实现,给出实际可运行代码

原始数据; a=k b=a c=b d=c t=K i=t j=i ......等 使用map 和set容器结合实现输出格式为: d->k j->K ......等 map与set的类型定义为 typdef std::set set_value; typdef std::map map_set_v......

inkred
2016/06/29
264
1
WEB专题---javaScript中Map、Set的使用&&&HTML5 Web 存储

Map Map是一组键值对的结构,具有极快的查找速度。 Map的定义。 Map中的方法 对一个key重复设值,后面的值会将前面的值覆盖。 Set Set和Map类似,但set之存储key,且key不重复。 Set的创建。...

鸿蒙无上至尊
2018/04/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

无回路有向图的拓扑排序

因公司业务需要,在表单中每个字段都会配置自动计算,但自动计算公式中会引用到其他字段中的值。所以希望可以根据计算公式,优先计算引用的公式。所以最终使用了无回路有向图的扩扑排序来实现...

兜兜毛毛
今天
6
0
如何抢占云栖大会C位?史上最强强强攻略来了

点击观看视频: APSARA云栖大会开发者情怀 原文链接 本文为云栖社区原创内容,未经允许不得转载。

阿里云官方博客
今天
6
0
Kubernetes 从懵圈到熟练:集群服务的三个要点和一种实现

作者 | 声东 阿里云售后技术专家 文章来源:Docker,点击查看原文。 以我的经验来讲,理解 Kubernetes 集群服务的概念,是比较不容易的一件事情。尤其是当我们基于似是而非的理解,去排查服务...

阿里巴巴云原生
今天
11
0
PHP7.3的新特性

2018年12月6日,PHP7.3正式版发布,在PHP7.2基础上进行了大量错误修复和安全优化,性能提升10%! 从目前的更新说明来看,PHP 7.3 并不是一个主打新特性的版本,包含更多的是 bug 修复。PHP 7...

迅睿CMS-PHP开源CMS程序
今天
8
0
Tomcat 应用中并行流带来的类加载问题

本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/f-X3n9cvDyU5f5NYH6mhxQ 作者:肖铭轩、王道环 随着 Java8 的不断流行,越来越多的开发人员使用并行流(parallel)...

vivo互联网技术
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部