new Set()

Set

Set 新的数据结构，类似于数组，值唯一
Set本身是一个构造函数，用来生成 Set 数据结构。
Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。

1. 单层数组/字符串去重，多层嵌套不会数组去重
   size 相当于length，是set的长度标识

	// 数组去重
    var ary = [1, 2, 3, 3, 4, 4]; // 会数组去重
    var ary = [
        [1,2],
        [2,3],
        [1,2],
        [3,4],
    ]; // 多层嵌套不会数组去重
    // var ary = [
    //     { name: '1', age: '2' },
    //     { name: '1', age: '2' },
    //     { name: '1ds', age: '2ds' },
    //     { name: '1vc', age: '2vc' },
    //     { name: '1vc', age: '2vc', sex: '花花' },
    // ]; // 多层嵌套不会数组去重
    var filterArr = new Set(ary);
    console.log('filterArr', filterArr);
    filterArr.forEach(item => {
        console.log('item', item)
    })

    const items = new Set([1, 2, 3, 4, 5, 5, 5, 5,]);
    console.log(items, 'ddd', items.size);
    // size 相当于length，是set的长度标识


	// 字符串去重
    var ary = ['a', 'b', 'c', 'c', 'c']; // 字符串去重
    var ary2 = 'aaaaaabbbbbbbccccc'; // 字符串去重
    var filterArr = new Set(ary);
    console.log(new Set(ary2), 'filterArr', filterArr);


	//去除重复字符串
	[...new Set('ababbc')].join('')
	// "abc"

2. 可以接受具有iterable接口的其他数据结构作为参数

    // 可以接受具有iterable接口的其他数据结构作为参数
    let domDiv = document.querySelectorAll('div');
    console.log('dom', domDiv);
    const set2 = new Set(domDiv);
    console.log(set2.size);

3. set中NaN等于自身，其余比较相当于 ===

向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是向 Set 加入值时认为NaN等于自身，而精确相等运算符认为NaN不等于自身。

    // set中NaN等于自身，其余比较相当于 ===
    const set = new Set();
    set.add(NaN);
    const aaa = set.add(NaN) === set.add(NaN); // true
    console.log(new Set(), 'ssssss', set, 'scccc', aaa);

4. set转数组数组方法也可以间接用于Set

    // set转数组
    const items = new Set([1, 2, 3, 4, 5]);
    const array = Array.from(items);
    console.log(array, 'arr');

5. 改变原来的Set结构的方法

	// []
    const items = new Set([1, 2]);
    const set = [...items];
    console.log(items, 'ssssss', set)

	// 2. Arrar.form
    let set2 = new Set([1, 2, 3]);
    set2 = Array.from(set2);
    console.log(set2);

Set 实例的属性和方法

Set 结构的实例有以下属性。

• Set.prototype.constructor：构造函数，默认就是Set函数。
• Set.prototype.size：返回Set实例的成员总数。

Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。

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

s.add(1).add(2).add(2);
// 注意2被加入了两次

s.size // 2

s.has(1) // true
s.has(2) // true
s.has(3) // false

s.delete(2);
s.has(2) // false

下面是一个对比，看看在判断是否包括一个键上面，Object结构和Set结构的写法不同。

// 对象的写法
const properties = {
  'width': 1,
  'height': 1
};

if (properties[someName]) {
  // do something
}

// Set的写法
const properties = new Set();

properties.add('width');
properties.add('height');

if (properties.has(someName)) {
  // do something
}