(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]