ES6特性:Set数据结构

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}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值