ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。
Set
本身是一个构造函数,用来生成 Set 数据结构。
创建
let setArr = new Set(['a','b','c']);
console.log(setArr);
let setArr2 = new Set('eqwqewewq')
console.log(setArr2);
let setArr3 = new Set();
setArr3.add('a');
setArr3.add('b');
console.log(setArr3);
Set 实例的属性和方法
属性:
Set.prototype.constructor
:构造函数,默认就是Set
函数。
Set.prototype.size
:返回Set
实例的成员总数。
方法:
操作方法(用于操作数据):
Set.prototype.add(value)
:添加某个值,返回 Set 结构本身。
Set.prototype.delete(value)
:删除某个值,返回一个布尔值,表示删除是否成功。
Set.prototype.has(value)
:返回一个布尔值,表示该值是否为Set
的成员。
Set.prototype.clear()
:清除所有成员,没有返回值。
遍历方法(用于遍历成员):
Set.prototype.keys()
:返回键名的遍历器
Set.prototype.values()
:返回键值的遍历器
Set.prototype.entries()
:返回键值对的遍历器
Set.prototype.forEach()
:使用回调函数遍历每个成员
let setArr = new Set(['a','b','c','d']);
for(let item of setArr.keys()){
console.log(item);
}
for(let item of setArr.values()){
console.log(item);
}
for(let item of setArr.entries()){
console.log(item);
}
for(let [k,v] of setArr.entries()){
console.log(k,v);
}
setArr.forEach((value,index) =>{
console.log(value, index);
});
注意:
Set 结构的键名就是键值(两者是同一个值),因此第一个参数与第二个参数的值永远都是一样的。
new Set([ {a:1,b:2} ]); 不可以,可以add()
new WeakSet({}) 存储json,这种写法不靠谱
WeakSet 的成员只能是对象,而不能是其他类型的值。
WeakSet没有size,也没有clear()
有, add(), has(), delete()
数组去重:
//第一种方法
let arr = [1,2,3,4,5,6,7,6,5,4,3,2,1,2,3,4,4];
let newArr = [...new Set(arr)];
console.log(newArr);
//第二种方法
function dedupe(array) {
return Array.from(new Set(array));
}
dedupe([1, 1, 2, 3]) // [1, 2, 3]
可以用于,去除字符串里面的重复字符。
[...new Set('ababbc')].join('')
set使用数组的一些方法数组
let set = new Set([1,2,3]);
set = new Set([...set].map(val=>val*2));
console.log(set);
let set = new Set([1,2,3,4,5,6]);
set = new Set([...set].filter(val=>val%2==0));
console.log(set);