es6 set
来源:互联网 发布:ss使用教程 mac os x 编辑:程序博客网 时间:2024/06/18 01:39
const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4
上面代码通过add
方法向 Set 结构加入成员,结果表明 Set 结构不会添加重复的值。
Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。
// 例一const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]// 例二const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);items.size // 5// 例三function divs () { return [...document.querySelectorAll('div')];}const set = new Set(divs());set.size // 56// 类似于divs().forEach(div => set.add(div));set.size // 56
上面代码中,例一和例二都是Set
函数接受数组作为参数,例三是接受类似数组的对象作为参数。
上面代码中,也展示了一种去除数组重复成员的方法。
// 去除数组的重复成员[...new Set(array)]向Set加入值的时候,不会发生类型转换,所以
5
和"5"
是两个不同的值。Set内部判断两个值是否不同,使用的算法叫做“Same-value equality”,它类似于精确相等运算符(===
),主要的区别是NaN
等于自身,而精确相等运算符认为NaN
不等于自身。let set = new Set();let a = NaN;let b = NaN;set.add(a);set.add(b);set // Set {NaN}
Set 实例的属性和方法
Set 结构的实例有以下属性。
Set.prototype.constructor
:构造函数,默认就是Set
函数。Set.prototype.size
:返回Set
实例的成员总数。
Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。
add(value)
:添加某个值,返回Set结构本身。delete(value)
:删除某个值,返回一个布尔值,表示删除是否成功。has(value)
:返回一个布尔值,表示该值是否为Set
的成员。clear()
:清除所有成员,没有返回值。
Array.from
方法可以将 Set 结构转为数组。const items = new Set([1, 2, 3, 4, 5]);const array = Array.from(items);
遍历操作
Set 结构的实例有四个遍历方法,可以用于遍历成员。
keys()
:返回键名的遍历器values()
:返回键值的遍历器entries()
:返回键值对的遍历器forEach()
:使用回调函数遍历每个成员
let set = new Set(['red', 'green', 'blue']);for (let item of set.keys()) { console.log(item);}// red// green// bluefor (let item of set.values()) { console.log(item);}// red// green// bluefor (let item of set.entries()) { console.log(item);}// ["red", "red"]// ["green", "green"]// ["blue", "blue"]因此使用 Set 可以很容易地实现并集(Union)、交集(Intersect)和差集(Difference)。
let a = new Set([1, 2, 3]);let b = new Set([4, 3, 2]);// 并集let union = new Set([...a, ...b]);// Set {1, 2, 3, 4}// 交集let intersect = new Set([...a].filter(x => b.has(x)));// set {2, 3}// 差集let difference = new Set([...a].filter(x => !b.has(x)));// Set {1}
阅读全文
0 0
- ES6 set
- ES6(Set)
- es6 Set
- es6 set
- es6中的set
- 详解ES6中的set
- 【ES6】set和map
- ES6 中的 Set
- es6实用方法--set
- ES6 Map Set总结
- 【es6】Set 和 Map
- es6 set和weakset
- ES6的Set数据结构
- ES6之SET数据结构
- ES6--数据结构Set
- js-es6-set数据结构
- ES6 Set数据类型
- ES6 set数据结构
- 如何拥有一个属于自己的网站
- js删除数组中指定的值
- 高并发基础之同步容器(七)
- PHP连接两个数据库,连接另一个数据库
- volatile的使用
- es6 set
- Android混合开发之WebView与Javascript交互
- Myeclipse如何删除antlr-2.7.2.jar
- UBUNTU基础操作指令知识
- Java基础三:enum枚举类型
- VirtualBox虚拟机中安装CentOS 7(六) 安装Apache服务器
- 狗窝里的小日子- 2 ...
- Quartus ii 调用除法器IP核
- 矩阵求导公式