Set以及数组去重

Posted 2020-11-24 let423

特点

• Set本身是一个构造函数，用来生成Set数据结构
• Set 类似于数组，里面的成员都是==唯一==的，没有重复的值，通过add方法向Set结构加入成员
• 向Set加入值的时候，不会发生类型转换，Set内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，类似于===，主要的区别是NaN等于自身，而===认为NaN不等于自身。
• 在Set内部，两个NaN是==相等==的
• 两个对象总是==不相等==的

Set实例的属性和方法

1. 属性

• Set.prototype.constructor
• Set.prototype.size

2. 方法

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

遍历操作

遍历操作（Set的遍历顺序就是插入顺序），由于Set结构没有键名，只有键值，所以keys方法和values方法的行为完全一致

• keys()：返回键名的遍历器
• values()：返回键值的遍历器
• entries()：返回键值对的遍历器
• forEach()：使用回调函数遍历每个成员

Set结构的默认遍历器是values方法

数组去重

利用Set的特性（Set成员唯一性）可以简单实现数组去重

1. Array.from与Set结合去重

Array.from方法可以将Set结构转为数组

function dedupe(array) {
    return Array.from(new Set(array));
}
console.log(dedupe([1, 1, 2, 3])); // 输出[ 1, 2, 3 ]

2. 扩展运算符（...）与Set结合去重

扩展运算符与Set结构相结合，可以去除数组的重复成员

function dedupe(array) {
    return [...(new Set(array))];
}
console.log(dedupe([1, 1, 2, 3])); // 输出[ 1, 2, 3 ]