ES6:Set数据结构的使用方法及使用set数组去重

ES6提供了新的数据结构Set，类似于数组，但成员的值都是唯一的，没有重复的值，因此可以利用Set去重。

Set本身是一个构造函数，用来生成Set数据结构，使用时可以直接new Set()进行使用。

// Set函数可以接收一个数组作为参数，用来初始化
// Set函数中有一个size属性，表示存放了几个内容
const a = new Set([1,2,3]);
console.log(a.size); // 输出3，因为存放了3个内容1 2 3

const a2 = new Set();
console.log(a2.size); // 输出0，因为没有存放内容

利用set进行数组去重：

const num = new Set([1,1,2,3,2,1]);
console.log(num); // 输出：{
          
   1, 2, 3} 重复的内容不会被输出
console.log(num.size); // 输出2，重复的内容不记为量

// 利用扩展运算符，将set数据结果转换成数组形式
const newNum = [...num];
console.log(newNum); // 输出： [1, 2, 3]

利用set数据结构遍历： set结构的实例与数组一样，也拥有forEach()方法，用于对每个成员执行某种操作，没有返回值。

const arr = new Set(["a","b","c","d"]);
arr.forEach(ele =>{
          
   
	console.log(ele); // 遍历输出：a,b,c,d
});

Set数据结构常用的几个方法：

add(value)：添加某个值，返回Set结构本身 delete(value)：删除某个值，返回一个布尔值，表示删除是否成功 has(value)：返回一个布尔值，表示该值是否为Set的成员 clear()：清除所有成员，没有返回值

代码示例：

const per = new Set();
    // 可以链式进行add添加
    per.add("兔子").add("熊猫").add("老虎").add("鹦鹉");
    console.log(per); // 输出：{
          
   "兔子", "熊猫", "老虎", "鹦鹉"}
    console.log(per.size); // 输出4

    // 可以创建一个变量，看是否删除成功
    const n1 = per.delete("老虎");
    console.log(per); // 输出：{
          
   "兔子", "熊猫", "鹦鹉"}
    console.log(per.size); // 输出3
    console.log(n1); // true

    const n2 = per.has("鹦鹉");
    const n3 = per.has("长颈鹿");
    console.log(n2); // true，说明鹦鹉是per的成员
    console.log(n3); // false，说明长颈鹿不是per的成员

    per.clear();
    console.log(per); // 输出：{
          
   } 里面什么也没有
    console.log(per.size); // 输出0，说明已经清除成功