一、Set集合
创建Set实例:
let set = new Set();
1、特性:
a、Set本身是一个构造函数,用来生成Set数据结构【类比数组结构】
b、Set函数可以接受具有Iterable接口的数据结构作为参数
c、Set集合中的成员是唯一的【即不可重复】

2、Set实例的相关属性及方法
a、属性
Set.prototype.constructor:构造函数,默认就是Set函数
Set.prototype.size:返回Set实例的元素的个数    【set.size】

b、方法
add(value):添加某个值,返回Set集合本身
delete(value):删除某个值,返回boolean类型
has(value):返回一个布尔值,表示该值是否在集合中
clear():清除所有成员,没有返回值

keys()    【返回set实例中所有值组成的迭代器对象[和下面的values()是等同的]】
values()    【返回set实例中所有值组成的迭代器对象】
entries()    【返回set实例键值对组成的迭代器对象,对象里面存放的是键值对形式的数组】
forEach(function(value,key,set){})    【使用回调函数遍历迭代器对象中的每个成员】

3、去除Array中重复的元素
eg:
    let arr = [1,2,3,1,3];
    console.log([...new Set(arr)]);    //[1,2,3]

二、Map集合
创建Map实例:
let map = new Map();
1、特性:
a、Map类似于对象,也是键值对的集合
b、Map中的“键”的范围不限于字符串【Object中键的表现形式】,各种类型的值(包括对象)都可以当作键
c、Map可以接受一个数组作为参数,该数组的成员是一个表示键值对的数组【可以接受一个二维数组:entries(obj)】

2、Map实例的相关属性及方法
a、属性
Map.prototype.size    返回Map实例的元素的个数 【map.size】

b、方法
set(key, value)        【添加或更新对应key的value值,返回Map集合自身】(集合有key值,更新;没有,添加)
get(key)    【获取key对应的value值,如果找不到key,返回undefined】
has(key)    【has方法返回一个布尔值,表示某个键是否在当前Map对象之中】
delete(key)    【删除key的元素,返回boolean类型】
clear()    【清除所有成员,没有返回值】clear()

keys()    【返回集合中所有键名组成的迭代器对象】
values()    【返回集合中所有键值组成的迭代器对象】
entries()    【返回集合中所有键值对数组组成的迭代器对象】
forEach(function(value,key,Map){})    【使用回调函数遍历迭代器对象中的每个成员】

三、Iterator (遍历器)
1、特性:
a、Iterator是一种接口,为各种不同的数据结构,提供统一的访问机制
b、任何数据结构只要部署Iterator接口,就可以完成遍历操作

2、作用:
a、为各种数据结构,提供一个统一的、简便的访问接口
b、使得数据结构的成员能够按某种次序排列
c、Iterator接口主要供ES6中的新的遍历命令for...of循环使用

3、Iterator 的遍历过程
a、迭代器对象调用next()方法依次获取到对象中的下一个元素遍历对象,并返回一个对象{value:element,done:boolean}
b、a中返回的对象value为获取的元素,done为下一个元素是否存在,若对象下一个元素不存在则{ value: undefined, done: true }
eg:

    var set = new Set(['nzc',18]);
let entries = set.entries();
console.log(entries.next()); //{ value: [ 'nzc', 'nzc' ], done: false }
console.log(entries.next()); //{ value: [ 18, 18 ], done: false }
console.log(entries.next()); //{ value: undefined, done: true }

4、获取Iterator对象
var iterator = iterObj[Symbol.iterator]();

5、原生具备 Iterator 接口的数据结构
Array    【数组】
String    【字符串】
函数的arguments对象    【函数参数组成的类数组对象】
NodeList对象    【元素节点类数组对象】
Map    【Map集合】
Set    【Set集合】
TypedArray 【二进制数据缓存区的一个对象】

ES6 Set和Map集合(六)的更多相关文章

  1. ES6中的Map集合(与java里类似)

    Set类型可以用来处理列表中的值,但是不适用于处理键值对这样的信息结构.ES6也添加了Map集合来解决类似的问题 一.Map集合 JS的对象(Object),本质上是键值对的集合(Hash结构),但是 ...

  2. 【读书笔记】【深入理解ES6】#7-Set集合和Map集合

    ES6新标准中将Set集合和Map集合添加到JS中. ES5中Set集合和Map集合 在ES5中,开发者们用对象属性来模拟这两种集合. var set = Object.create(null); s ...

  3. ES6 Set 和 Map

    ES5 模拟Set 与 Map 集合 Set 常用于检查对象中是否存在某个键名 Map集合常被用于获取已存的信息 所有对象的属性名必须是字符串,那么必须确保每个键名都是字符串类型且在对象中是唯一的 数 ...

  4. ES6中的Set和Map集合

    前面的话 在ES6标准制定以前,由于可选的集合类型有限,数组使用的又是数值型索引,因而经常被用于创建队列和栈.如果需要使用非数值型索引,就会用非数组对象创建所需的数据结构,而这就是Set集合与Map集 ...

  5. Map集合概述和特点

    A:Map集合概述和特点(Set底层依赖的是Map) 将键映射到值的对象 一个映射不能包含重复的键 每个键最多只能映射到一个值 B:Map接口和Collection接口的不同 Map是双列的(是双列集 ...

  6. ES6学习:Map结构的目的和基本用法

    Map结构的目的和基本用法 JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键.这给它的使用带来了很大的限制.   1 2 3 4 5 6 7 8 ...

  7. Map集合、HashMap集合、LinkedHashMap集合、Hashtable集合、Collections工具类和模拟斗地主洗牌和发牌

    1.Map集合概述和特点 * A:Map接口概述  * 查看API可以知道:          * 将键映射到值的对象          * 一个映射不能包含重复的键          * 每个键最多 ...

  8. ES6 中的 Map和Set

    集合的概念以及和数组的区别 其实数组也是集合, 只不过数组的索引是数值类型.当想用非数值类型作为索引时, 数组就无法满足需要了. 而 Map 集合可以保存多个键-值对(key-value), Set ...

  9. struts2:OGNL表达式,遍历List、Map集合;投影的使用

    OGNL是Object-Graph Navigation Language的缩写,它是一种功能强大的表达式语言(Expression Language,简称为EL),通过它简单一致的表达式语法,可以存 ...

随机推荐

  1. mwArray和cv::Mat转化函数 20170812

    不是新东西了,但是有必要专门把这两个函数拿出来记录一下. 需要注意的是,Mat2mwArry函数的输入Mat类型是 CV_8UC1,灰度图. 如果要传递多通道图像的话,需要先cv::split()成多 ...

  2. 01-cmake语法-基本

    本系列随笔将结合 OpenCV 的 CMakeLists.txt 来讲解 cmake 的语法. 这一节,主要介绍一下cmake语法的基本语法. cmake语法的基本语法 # 执行 cmake . # ...

  3. 切换node版本

    首先将原来的安装包删了,在控制面板中删除然后在https://nodejs.org/dist/找到想要的版本号 再找到msi文件

  4. Linux ssh 密钥创建与验证

    1.需要两个虚拟机,每一个创建一个用户登录到用户根下   2.每个用户都要创建密钥对   3.把两个用户的公用密钥用ssh-copy-id -i 命令将公用的密钥复制到另一个用户中   4.在客户端开 ...

  5. B1043 输出PATest (20 分)

    一.技术总结: 对于哈希字符处理方式,一般是用一个数组存储字符出现的次数,然后再考虑后续. 同时,在输出时,比如这题要输出指定几个字符,我们可以首先统计下这几个字符一共出现的次数sum,然后输出一个就 ...

  6. Linux性能优化实战学习笔记:第十五讲

    一.内存映射 内存管理也是操作系统最核心的功能之一,内存主要用来存储系统和应用程序的指令.数据.缓存等 1.我们通说的内存指的是物理内存还是虚拟内存? 我们通常说的内存容量,其实这指的是物理内存,物理 ...

  7. Web协议详解与抓包实战:HTTP1协议-详解请求行(2)

    一.请求行一 二.请求行二 三.请求行三 四.常见方法(RFC7231) 实际测试截图 五.用于文档管理的 WEBDAV 方法(RFC2518) 六.WEBDAV 验证环境  1.登录  2.Wire ...

  8. windows7 - windows10开启802.1x md5质询

    (win7 win10通用)20190324   全程不需重启 注:如果导入后没有看到md5,那得去注册表看看是否真的有键值(我的一开始提示成功,但是注册表里看不到,后来发现复制时候多了一些不可见的字 ...

  9. mac生成iOS证书(配图)

    当我们完成一个APP的时候,需要发布到各大平台让用户下载.而iOS用户是一个不可忽视的群体. 想要在 App Store发布APP,总结了下需要三个步骤. 第一步生成APPID. 第二步生成证书 ce ...

  10. 简单模仿QQ聊天界面

    首先看一下最终的效果,显示了消息时间,用户昵称,用户头像. 大致实现方法: 用最简单的ListView显示消息内容. 不同的用户使用不同的消息布局文件,从而达到头像左右显示的效果,如上图有2个用户&q ...