8、前端知识点--关于Set用法的详解【ES6】

ES6提供了新的数据结构Set,它类似于数组，但是成员的值是唯一的，没有重复的值（对于基本类型来说）。Set本身是一个构造函数，用来生成Set数据结构。

1、声明

 let set = new Set();
 // 即创建了一个空的set

2、赋值

 let set1 = new Set(['张三','李四','王五']);
 console.log(set1)
 // 输出为：Set(3) {"张三", "李四", "王五"}

3、属性：使用size求集合的大小（长度）

 let set1 = new Set(['张三','李四','王五']);
 console.log(set1)
 // 输出为：Set(3) {"张三", "李四", "王五"}

 console.log(set1.size)
 // 返回值：3

4、方法

（1）add方法：表示往set中新增一个元素。

 let set = new Set([1,2,3,4]);
 set.add("aa")
 console.log(set)
 // 返回值： Set(5) {1, 2, 3, 4, "aa"}
 // 改变自身

 set.add(9).add(8).add(7)
 console.log(set)
 //返回值：Set(8) {1, 2, 3, 4, "aa", 9, 8, 7}

（2）delete方法：表示删除一个元素，返回结果是true或false

 console.log(set.delete("aa"))
 // 返回值：true
 console.log(set)
 // 返回值： Set(7) {1, 2, 3, 4, 9, 8, 7}

（3）has方法：判断某个元素是否在set集合中

 console.log(set.has(9))
 // 返回：true
 console.log(set.has("aa"))
 // 返回：false

（4）clear方法：表示清楚set集合中的所有元素。没有任何返回值，直接清楚所有元素。

 set.clear()
 console.log(set)
 // 返回值：Set(0) {}