【深入理解ECMAScript 6】 键值对集合(Set集合、WeakSet集合、Map集合、WeakMap集合)

ES6 键值对集合

一、Set集合

1、什么是Set集合

const set = new Set()
console.log(set);//Set {}
console.log(Set.prototype);//Set {}

1、ECMAScript 6 提供了Set构造函数,创建Set对象

Set集合 - 值(唯一的)的集合

Set对象是值的集合,按照插入的顺序迭代他的元素,Set集合中的元素是唯一的。

const set = new Set()
console.log(set);//Set {}
console.log(Set.prototype);//Set {}

var arr = [1, 1, 2, 2, 3, 4, 7, 6]
console.log(new Set(arr));//Set { 1, 2, 3, 4, 7, 6 }

可以利用Set集合为数组去重

2、 NaN、undefined等值在Set集合中的存储

NaN、undefined等值允许被存储在Set集合中

NaN值在Set集合中被认为是相等的

console.log(new Set([NaN,NaN,undefined,undefined,null,null]));//Set { NaN, undefined, null }

3、Set集合存储复杂数据类型

空数组和空对象表示

  • 多个空数组和空对象表示多个值
  • 多个函数依旧也表示多个值
console.log(new Set([[],[],{},{},function(){},function(){}]));//Set { [], [], {}, {},[Function], [Function] }

2、Set集合的属性方法

属性:

size属性:返回Set对象的值的个数

方法:

方法 作用
add(value) 向Set集合的结尾添加新元素
返回值:添加新元素后的Set集合
delete(value)
value:表示Set集合中的元素内容
返回值:布尔值,true表示删除成功;false表示删除失败
从集合中删除指定元素
has(value)
value:表示Set集合中的元素内容
返回值:布尔值,true表示删除成功;false表示删除失败
判断指定Set集合中是否有指定元素
clear(value) 清空Set集合

3、创建Set集合

使用数组将Set集合进行初始化操作

var arr = [1, 1, 2, 2, 3, 4, 7, 6]
console.log(new Set(arr));//Set { 1, 2, 3, 4, 7, 6 }

创建空

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值