ES6提供了新的数据结构Set。类似于数组,但是成员的值是唯一的,没有重复的值。
用法
Set本身是一个构造函数,用来生成Set数据结构。Set函数可以接受一个数组(或者具有iterable接口的其他数据结构)作为参数
const s=new Set();
[1,2,3,1,1,4].forEach( v => s.add(v) );
console.log(s); // {1,2,3,4}
// 数组去重
let arr=[1,2,1,2,3];
let newArr=[...new Set(arr)]; // [1,2,3]
// Array.from可以将Set结构转为数组
let arr1=new Set(arr);
let newA=Array.from(arr1); // [1,2,3]
// 字符串去重
let str="abcabcd";
let newStr=[...new Set(str)].join(""); // "abcd"
向Set加入值的时候,不会发生类型转换,所以5和"5"是不同的值。判断两个值是否不同,类似于===,区别在于Set中NaN等于自身,但是精确运算符不等于
let set = new Set();
let a = NaN;
let b = NaN;
set.add(a);
set.add(b);
set // Set {NaN}
Set的 属性和方法
属性:(1)Set.prototype.constructor:构造函数,默认就是Set函数
(2)Set.prototype.size:返回Set实例的成员总数
方法:(1)add(value):添加某个值,返回Set结构本身
(2)delete(value):删除某个值,返回一个布尔值,表示删除是否成功
(3)has(value):返回一个布尔值,表示该值是否为Set的成员
(4)clear():清除所有成员,没有返回值
let s=new Set();
s.add(1).add(2); // {1,2}
s.size; // 2
s.has(1); // true
s.delete(2); // true
遍历操作
Set结构的实例有四个遍历方法,可以用于遍历成员。
(1)keys( ):返回键名的遍历器
(2)values( ):返回键值的遍历器
(3)entries( ):返回键值对的遍历器
(4)forEach( ):使用回调函数遍历每个成员
由于Set结构没有键名,只有键值,或者说键名和键值是同一个值,所以keys方法和values方法的行为完全一致
let s=new Set(['a','b','c']);
for(let item of s.keys()){
console.log(item)
}
// a
// b
// c
for(let item of s.entries()){
console.log(item)
}
// ['a','a']
// ['b','b']
// ['c','c']
Set结构的实例默认可遍历,默认遍历器生成函数就是values方法。可以直接用for...of循环遍历Set
let s=new Set(['a','b','c']);
for(let v of s){
console.log(v)
}
// a
// b
// c
Set结构的实例和数组一样,也拥有forEach方法,用于对每个成员进行操作,没有返回值
let s=new Set([1,2,3]);
s.forEach((val,key)=>console.log(key+'--'_val));
// 1--1
// 2--2
// 3--3
如果想在遍历操作中,同步改变原来的Set结构,目前没有直接的方法,但是有两种变通方法。一种是利用原Set结构映射出一个新的结构,然后赋值给原来的Set结构;另一种是利用Array.from方法
let s=new Set([1,2,3]);
s=new Set([...s].map(val=>val*2));
console.log(s); // {2,4,6}
let s1=new Set([1,2,3]);
s1=new Set(Array.from(s1,val=>val*2)); // {2,4,6}