ES6 set数据类型

set本身是一个构造函数

1、创建set集合并添加元素

let set = new Set();
console.log(typeof set)    //object
set.add('a');    //add()方法添加元素
set.add('b'); 
set.add('c'); 
console.log(set);    //{a,b,c}

2、Set的size属性可以获取set的长度

console.log(set.size);    //3

3、Set不能添加重复元素

set.add('a');    //重复,所以添加失败,这个地方并不保存
console.log(set.size);    // 3
console.log(set);    //{a,b,c}

// 数字5和字符5是不相等的,则可以添加进去
set.add(5)
set.add('5')
console.log(set.size)    //5
console.log(set);    {a,b,c,5,'5'}

4、数组和Set可以相互转换,而Set不能添加重复元素,可以利用这一点实现数组去重。数组转化为set,只需要在创建set时将数组作为参数传递即可;把set转化为数组可以使用扩展运算符 ...

//数组转换为Set数据类型并去重
let arrSet = [1,4,2,3,2,4,5];
let set = new Set(arrSet);
console.log(set);    //{1,4,2,3,5}

//Set数据类型转换为数组
let arr = [...set];
console.log(arr);    //[1,4,2,3,5]

5、Set的has()可以判断一个值是否在set中

var arrSet = new Set([2,3,4])
console.log(arrSet.has(5)) //false
console.log(arrSet.has(2)) //true

6、移除Set元素,delete(需要删除的值);clear()  清空所有的值

var set = new Set([1,3,6]);
set.delete(3);
console.log(set);    //{1,6}

set.clear();
console.log(set);    //{}

7、Set的遍历

  • Set可以使用forEach遍历,forEach遍历时回调函数有三个参数

    function(value,key,ownerSet) {

                  函数体
     }

参数1: 遍历到的元素的值
参数2: 对set集合来说,参数二的值与参数一相同
参数3: Set集合自身

let iSet = new Set([1,2,4,6,8])
    iSet.forEach(function(value){
    console.log(value);    //1 2 4 6 8
})
  • for...of也可以遍历set
let iSet = new Set([1,2,4,6,8])
for (val of iSet) {
    console.log(val);    //1 2 4 6 8
}

8、set是通过Object.is()来判断两个元素是否相等的 **但是判断+0和-0的时候是用 === 号判断的

set.add(+0)
set.add(-0)   // ===判断相等,添加不进去
console.log(set.size)//1

set.add(NaN)
set.add(NaN)  //Object.is()判断相等,添加不进去
console.log(set.size)//2

set.add([])
set.add([]) //两个空数组不相等(存放在堆中的数据虽然字面量相等但是并不指向同一片内存空间),所有可以添加
console.log(set.size)//4

set.add({})
set.add({}) // 空对象也不重复,也可以添加
console.log(set.size)//6


   

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值