ES6之新增set数据结构
学习set
set是ES6中的新增的数据结构,是一种构造函数,类似于数组,但是里面的元素都是唯一的,不重复的。
例如:
const set = new Set();
[1,2,3,4,5,2,1,2,1,2].forEach( x => set.add(x) );
for(let i of set) {
console.log(i); // 1 2 3 4 5
}
set的属性
set的属性包括constructor(set原型)和size(用来记录set的大小)。
用法:Set.prototype.constructor
,Set.prototype.size
。
例如:
let set = new Set([1,2,3,2,2,2,1,2,34,4,45,523]);
console.log(set.constructor); // ƒ Set() { [native code] }
console.log(set.size); // 7
set的方法
set的操作方法
- add(val); 添加某个值
- delete(val); // 删除某个值,返回布尔值,表示结果。
- has(val); // 判断该值是否存在于Set中。
- clear(); // 清楚所有的值
例如:
let set = new Set();
//1.add();
set.add(12).add(32);
console.log(set); // Set(2) {12, 32}
// 2.delete(val);
set.delete(32);
console.log(set); // Set(1) {12}
//3.has(val);
console.log(set.has(88)); // false
//4.clear();
set.clear();
console.log(set); // Set(0) {}
set的遍历方法
set
的键和值是同一个值。
- keys() 返回键名的方法
- values() 返回键值的方法
- entries() 返回键值对的方法
- forEach() 用回调函数遍历各个元素的方法
例如:
let set = new Set([2,2,2,1,5,34,45,33,23,32]);
for(let item of set.keys()) {
console.log(item); // // 2 1 5 34 45 33 23 32
}
for(let item of set.values()) {
console.log(item); // // 2 1 5 34 45 33 23 32
}
for(let item of set.entries()) {
console.log(item); // [2, 2] [1, 1] [5, 5] [34, 34] [45, 45] [33, 33] [23, 23] [32, 32]
}
set.forEach((value,key) => console.log(key+ '=' +value)); // 2=2 1=1 5=5 34=34 45=45 33=33 23=23 32=32
应用
...
运算符和Array.from
以及map
和filter
都可以遍历set结构。
...
运算符
例如:
let set = new Set('123456654321');
console.log([...set]); // ["1", "2", "3", "4", "5", "6"]
...
和数组加起来可以去重
例如:
let arr = [1,2,3,4,6,3,3,1,3,4];
let removeRepeat = [...new Set(arr)];
console.log(removeRepeat); //[1, 2, 3, 4, 6]
map
方法
例如:
let set = new Set([1,2,3,4]);
console.log(new Set([...set].map(x => x*2))); // {2, 4, 6, 8}
filter
方法
例如:
let set = new Set([1,2,3,4]);
console.log(new Set([...set].filter(x => x%2 === 0))); // {2, 4}
Array.from
例如:
let set = new Set([1,2,3,4]);
console.log(new Set(Array.from(set, x => x*2))); // {2, 4, 6, 8}
小案例
使用这个set
可以实现数学中的交集,并集效果。
例如:
let a = new Set([1,2,3]);
let b = new Set([3,4,5]);
let numa = new Set([...a,...b]);
console.log(numa); // {1, 2, 3, 4, 5}
//并集
let numb = new Set([...a].filter(x => b.has(x)));
console.log(numb); // {3}
学习WeakSet
WeakSet和Set类似,也是没有重复的值。注意的是,它里面的成员只能是对象,其他数据类型不接受。
例如:
let ws = new WeakSet(1); // Uncaught TypeError: number 1 is not iterable (cannot read property Symbol(Symbol.iterator))
let wsa = new WeakSet('1'); // Uncaught TypeError: Invalid value used in weak set
let wsb = new WeakSet({x:1}); // Uncaught TypeError: object is not iterable (cannot read property Symbol(Symbol.iterator))
let wsc = new WeakSet([1,3]); // Uncaught TypeError: Invalid value used in weak set
let wsc = new WeakSet([[1,2],[3,4]]);
console.log(wsc); // WeakSet {Array(2), Array(2)}
结论:从上面的例子中,可以看出1.WeakSet
构造函数的参数不接受字符串,数字,普通对象,数组(数组中的参数必须是对象);接受数组(数组中的参数是对象的数组)。
WeakSet的方法
WeakSet.prototype.add(val)
添加一个值;WeakSet.prototype.delete(val)
删除一个值;WeakSet.prototype.has(val)
是否有这个值;
例如:
let wset = new WeakSet([[1,3,4],[23,4,52,2]]);
//1.添加值
wset.add([12,33,23]);
console.log(wset); // WeakSet {Array(3), Array(4), Array(3)}
//2.删除值
wset.delete([12,33,23]);
console.log(wset); // WeakSet {Array(4), Array(3)}
//3.是否有这个值
console.log(wset.has([12,33,23])); // false
WeakSet的属性
由于WeakSet中的值都是弱属性,随时可能消失,被垃圾回收,遍历机制无法保证值是否还存在,所以不能用size
和forEach()
。
例如:
let wset = new WeakSet([[1,3,4],[23,4,52,2]]);
console.log(wset.size); // undefined
for(let i=0;i<wset.length;i++) {
console.log(wset[i]);
}
写在最后
Set和WeakSet就介绍到这里,赶快用起来吧!
ES6之新增set数据结构的更多相关文章
- 10.1 ES6 的新增特性以及简单语法
ES6 的新增特性以及简单语法 let 和 const 模板字符串 箭头函数 对象单体模式 es6面向对象 模块化 let 和 const 之前一直用 var 来声明变量,ES6 新增 let 和 ...
- es6学习笔记8--Map数据结构
Map Map结构的目的和基本用法 JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是只能用字符串当作键.这给它的使用带来了很大的限制. var data = {} ...
- js ES6 Set和Map数据结构详解
这篇文章主要介绍了ES6学习笔记之Set和Map数据结构,结合实例形式详细分析了ECMAScript中基本数据结构Set和Map的常用属性与方法的功能.用法及相关注意事项,需要的朋友可以参考下 本 ...
- es6 Set 和Map 数据结构
ES6提供了新的数据结构Set,它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个数据结构,用来生成Set 数据结构. const s = new Set(); [2,3,5,4 ...
- ES6中新增let命令使用方法
在ES6中新增了let命令,该命令的用法与var 类似,但是所声明的变量只能在let命令所在的代码块(最接近let 命令的大括号内)中有效果.但是let 又有一些不同于var 的特性. 1.let定 ...
- ES6 第七节 ES6中新增的数组知识(1)
目录 ES6 第七节 ES6中新增的数组知识(1) 第七节 ES6中新增的数组知识(1) JSON数组格式转换 Array.of()方法: find()实例方法: ES6 第七节 ES6中新增的数组知 ...
- ES6,新增数据结构Map的用法
Javascript的Object本身就是键值对的数据结构,但实际上属性和值构成的是”字符串-值“对,属性只能是字符串,如果传个对象字面量作为属性名,那么会默认把对象转换成字符串,结果这个属性名就变成 ...
- ES6,新增数据结构Set的用法
ES6 提供了新的数据结构 Set. 特性 似于数组,但它的一大特性就是所有元素都是唯一的,没有重复. 我们可以利用这一唯一特性进行数组的去重工作. 单一数组的去重. let set6 = new S ...
- ES6,新增数据结构WeakSet的用法
WeakSet和Set类似,同样是元素不重复的集合,它们的区别是WeakSet内的元素必须是对象,不能是其它类型. 特性: 1.元素必须是对象. 添加一个number类型的元素. const ws = ...
随机推荐
- 如果应用程序正在通过 <identity impersonate="true"/> 模拟,则标识将为匿名用户(通常为 IUSR_MACHINENAME)或经过身份验证的请求用户。
在配置文件中添加 <identity impersonate= "true " userName= "Administrator " pass ...
- sql游标使用
一.游标的作用:Select时,返回的是一个结果集,若需要为结果集返回的过程中,读取到一行数据.需要对此行数据进行处理,比如按读取到的数据作为查询条件返回一个查询结果集等等,应用都需要用到游标.游标可 ...
- Golang之排序算法
冒泡排序 package main //冒泡排序 import "fmt" func bsort(a []int) { ; i < len(a); i++ { ; j < ...
- golang之切片与排序
1.排序与查找操作 排序操作在sort包中,sort.Ints对整数进行排序,sort.Strings对字符串进行排序,sort.Float64对浮点数进行排序 package main import ...
- ubuntu账户密码正确但是登录不进去系统
ubuntu12.04管理员账户登录不了桌面,只能客人会话登录 求助!!ubuntu12.04管理员账户登录不了桌面,只能客人会话登录. ctrl+alt+f1 ,切换到tty1,输入管理员帐号和密码 ...
- 拒绝枯燥,有意思的 Loading 页面动效设计
互联网时代,网络“提速”日益频繁,人们打开Web或软件的速度越来越快,一般页面缓冲和加载地过程也是几不可查.然而,在某些情况下,例如软件急需加载大量页面,首页急需加载大量内容,用户下载文件过大,甚至是 ...
- 修改RocketMQ的NameServer端口
---问题--- 有同事提出各个问题:如何修改RocketMQ的NameServer端口号?(默认:9876) ---结论--- 调查并验证之后,结论及过程如下: 验证版本:rocketmq-all- ...
- SQL group by 分组后,同一组的排序后取第一条
SELECT * FROM( SELECT [SPID] ,[PH1] ...
- CodeForces 686B Little Robber Girl's Zoo (构造冒泡排序)
题意:给定一排列,让你通过一个区间交换的方式,完成排序. 析:这个题说了,最多不能超过20000次,而 n 最大才100,那么冒泡排序复杂度为 n * n,才10000,肯定是可以的,所以我们就模拟冒 ...
- live kalilinux能保存文件和设置
win32diskimager写入kalilinux镜像,建议用parrot sec os gparted /dev/sdb,新建分区sdb3,Lable输入persistence 挂载/dev/sd ...