Es6 ------ Set

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);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值