ES6 Set和Map集合(六)
一、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集合(六)的更多相关文章
- ES6中的Map集合(与java里类似)
Set类型可以用来处理列表中的值,但是不适用于处理键值对这样的信息结构.ES6也添加了Map集合来解决类似的问题 一.Map集合 JS的对象(Object),本质上是键值对的集合(Hash结构),但是 ...
- 【读书笔记】【深入理解ES6】#7-Set集合和Map集合
ES6新标准中将Set集合和Map集合添加到JS中. ES5中Set集合和Map集合 在ES5中,开发者们用对象属性来模拟这两种集合. var set = Object.create(null); s ...
- ES6 Set 和 Map
ES5 模拟Set 与 Map 集合 Set 常用于检查对象中是否存在某个键名 Map集合常被用于获取已存的信息 所有对象的属性名必须是字符串,那么必须确保每个键名都是字符串类型且在对象中是唯一的 数 ...
- ES6中的Set和Map集合
前面的话 在ES6标准制定以前,由于可选的集合类型有限,数组使用的又是数值型索引,因而经常被用于创建队列和栈.如果需要使用非数值型索引,就会用非数组对象创建所需的数据结构,而这就是Set集合与Map集 ...
- Map集合概述和特点
A:Map集合概述和特点(Set底层依赖的是Map) 将键映射到值的对象 一个映射不能包含重复的键 每个键最多只能映射到一个值 B:Map接口和Collection接口的不同 Map是双列的(是双列集 ...
- ES6学习:Map结构的目的和基本用法
Map结构的目的和基本用法 JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键.这给它的使用带来了很大的限制. 1 2 3 4 5 6 7 8 ...
- Map集合、HashMap集合、LinkedHashMap集合、Hashtable集合、Collections工具类和模拟斗地主洗牌和发牌
1.Map集合概述和特点 * A:Map接口概述 * 查看API可以知道: * 将键映射到值的对象 * 一个映射不能包含重复的键 * 每个键最多 ...
- ES6 中的 Map和Set
集合的概念以及和数组的区别 其实数组也是集合, 只不过数组的索引是数值类型.当想用非数值类型作为索引时, 数组就无法满足需要了. 而 Map 集合可以保存多个键-值对(key-value), Set ...
- struts2:OGNL表达式,遍历List、Map集合;投影的使用
OGNL是Object-Graph Navigation Language的缩写,它是一种功能强大的表达式语言(Expression Language,简称为EL),通过它简单一致的表达式语法,可以存 ...
随机推荐
- 【比赛游记】CSP2019游记
往期回顾:[比赛游记]NOIP2018游记 提高 D1: 密码 Ren2Zhen1Si0Kao9?. A B C 00:04 00:32 -5 \(100 + 100 + 0 = 200\) 因为提前 ...
- day29 8_8 TCP上传文件socketserver的应用
一.文件上传 对于一些比较大的文件,当传输的数据大于内存时,显然,一次性将数据读取到内存中,在从内存传输到服务器显然时不可取的. 所以,在上传文件时,可以在with open打开文件,边读取文件边发送 ...
- 使用opencv320演示window平台cmake的使用方法以及一个使用CNN识别字符的例子 20180408
cmake是干啥的: 本来是Linux平台的一个编译工具. window平台上,cmake可以生成一个可以用vs(可以指定)打开的工程,然后使用 vs 编译相关的 lib.dll 或者 exe以供使用 ...
- 浅谈SOA与RPC
一.SOA 英文名称:Service Oriented Ambiguity 中文名称:面向服务架构 SOA是一种思想,目的是提供一种设计项目的思路,让开发时更有效率. 例如原来的分布式项目中,在每个项 ...
- (day44)css样式、css布局
目录 一.css样式 (一)文字样式 (1)文字字体font-family (2)字体大小font-size (3)字体粗细font-weight (4)字体颜色color (二)文本样式 (1)文字 ...
- jvm内存结构及对象漫谈(较全)
最近想整理一下GC相关的知识和经验,在整理之前先整理一下jvm的内存结构,后续会持续更新. jvm内存结构重要由两部分组成:线程共享区域与线程私有区域,如下图所示: 其中方法区和堆为线程共享区域,栈与 ...
- 「总结」插头$dp$
集中做完了插头$dp$ 写一下题解. 一开始学的时候还是挺蒙的. 不过后来站在轮廓线$dp$的角度上来看就简单多了. 其实就是一种联通性$dp$,只不过情况比较多而已了. 本来转移方式有两种.逐行和逐 ...
- Linux性能优化实战学习笔记:第三十一讲
一.上节回顾 上一节,我们一起回顾了常见的文件系统和磁盘 I/O 性能指标,梳理了核心的 I/O 性能观测工具,最后还总结了快速分析 I/O 性能问题的思路. 虽然 I/O 的性能指标很多,相应的性能 ...
- [LeetCode] 79. Word Search 词语搜索
Given a 2D board and a word, find if the word exists in the grid. The word can be constructed from l ...
- Nginx目录穿越漏洞
Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器.Nginx经常被做为反向代理,动态的部分被proxy_pass传递给后端端口,而静 ...