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,说明已经清除成功