学习ES6 Set笔记

ES6 数据结构 Set

set基本语法

//ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。
//Set本身是一个构造函数,用来生成Set数据结构
例子1

const s = new Set();
 [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
 for (let i of s) {
  console.log(i); 
     2 3 5 4  s是set数据结构  结果表示 add 也不会出现重复添加的值  
  } 

例子2

const set=new Set([1,2,3,4])
let arr = [...set]
arrr.push(2)  // 5    1 2 3 4 2 解构后就不是 Set数据结构了

通过例子2 我们可以用于给数组去重 例如

// 去除数组的重复成员
[...new Set(array)] 
//array是一个数组  在new Set 中就是一个set 数据结构的数组  表明array中的重复值被去掉了 返回了一个新的数组 可以用变量接受它 
//例如
let arr =[1, 2, 3, 4, 5, 5, 5, 5]
let arr2=[... new Set(arr)]  //1 2 3 4 5

当然我们也可以同理去除字符串中相同的字符 例如

//下面就是去除相同的字符串
[...new Set('ababbc')].join('')  // "abc"
// 和上同理 最后也可以用变量接受  

在Set数据结构中有一种例外

const s= new Set()
let a=NaN
let d =NaN
s.add(a)
s,add(d)
console.log(s)//{NaN} 在Set数据结构中 NaN是相等的
​
//尝试加入两个空对象
let arr =new Set()
arr.add({})
arr.add({})
arr.size  //2
//尝试后加入空对象是不相等的 因此是被视为两个不同的值 

​

下面就是Set 的实例方法

Set .add 就是给set中加入值 返回的是Set本身结构 (加入的值Set中存在的话 不改变Set.size)

例如

const arr =new Set([1,2])
​
arr.add (3) //1 2 3  添加成功了  加了一个3 
​
arr.add(2)  // 1 2 

Set.delete 删除Set中的某个值 返回是一个布尔值

const arr =new Set([1,2])
​
arr.delete (3) //false  删除失败 不含有3这个set成员  1 2
​
arr.delete(2)  // true  删除成功  剩余 1  

Set.has 表示 Set结构中是否含有某值 官方是解释为 是否为Set的成员

const arr =new Set([1,2])
​
arr.has (3) //false      arr这个set数据数据结构中 没有3这个set成员
​
arr.has(2)  // true      arr这个set数据数据结构中 有2这个set成员

Set..clear() 清除所有成员，没有返回值。

let arr=new Set([2,3,4,5,6,7])
arr.clear()  //清除所有成员  Set()为空  arr.size 为 0

记录笔记  错误之处 请多多指教