一句代码搞定数组去重 Set()

[...new Set([1, "1", -1, 1,2,3,4,5, 1, 3])]
(7) [1, "1", -1, 2, 3, 4, 5]

哈哈 有木有很神奇;

Set是ES6提供的新的数据结构,类似于数组,但是值都是唯一的,不会有重复的值;

Set本身是一个构造函数,用来生成Set数据结构,接下来给大家分享哈 Set的几个方法:

var s = new Set();

  s.add(11);

  s.add('height');

  s.add(11);

   console.log(s)     结果:{11, "height"}

因为Set值得唯一性,多次添加某个值,如果有相同值会自动过滤

s.add({});

s.add({});

向 Set 加入值的时候,不会发生类型转换,所以 5 和“5”是两个不同的值。Set 内部判断两个值是否不同,使用的算法类似于精确相等运算符(===),这意味着,两个对象总是不相等的。唯一的例外是 NaN 等于自身(精确相等运算符认为 NaN 不等于自身)。所以上面加入的两个空对象并不是精确相等,所以被视为不同元素;

  s.delete(11)//删除某个值

  console.log(s)     结果:{"height"}

 console.log(s.has(11))  // false

//返回一个布尔值,表示参数是否为Set的成员;

   s.clear()//清除所有值;

  console.log(s)  结果:{}

var items = new Set([1,2,3,4,5,5,5,5]);
items.size  //5   

Set函数可以接收一个数组作为参数用来初始化

Array.from可以将set结构转为数组;

var items = new Set([1, 2, 3, 4, 5]);

var array = Array.from(items);

console.log(array)  // (5) [1, 2, 3, 4, 5]

这样就可以实现数组去重的方法:

function dedupe(array) {

  return Array.from(new Set(array));
}
dedupe([1,1,2,3])  // [1, 2, 3]

那么一开始的代码在这就可以给大家解惑

由于扩展运算符(…)内部使用 for…of 循环,完全可以用于 Set 结构。

var arr = [3, 5, 2, 2, 5, 5];

var arr1 = [...new Set(arr)];

console.log(arr1)  // (3) [3, 5, 2]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值