JavaScript四种数据集合整理小结1_Set

• Array

• Array 构造器会根据给定的元素创建一个 JavaScript 数组

• Object

• Object 构造函数为给定值创建一个对象包装器。

• Set

• ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

• Set本身是一个构造函数，用来生成 Set 数据结构。

• WeakSet

• WeakSet 是一个构造函数，可以使用new命令，创建 WeakSet 数据结构。

• Map

• ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

• Map本身是一个构造函数，用来生成 Map 数据结构。

以下主要为set与map的整理

set

Set函数接受数组作为参数，接受类似数组的对象作为参数，接受字符串作为参数
向 Set 加入值的时候，不会发生类型转换，5!=‘5’
Set 内部判断两个值是否不同，使用的算法类似于精确相等运算符（===）
其中例外：NaN等于自身

Set 实例的方法~属性

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

Set 实例的方法~操作方法

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

Set 操作方法的应用~数组去重，字符串去重

[...new Set(array)];   //数组去重
[...new Set('ababbc')].join('');   //数组去重
Array.from(new Set(array));   //Array.from方法可以将 Set 结构转为数组。

Set 实例的方法~遍历方法

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

由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。

let set = new Set(['red', 'green', 'blue']);

for (let item of set.keys()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.values()) {
  console.log(item);
}
for (let x of set) {//可以省略values方法，直接用for...of循环遍历 Set
  console.log(x);
}
// red
// green
// blue

for (let item of set.entries()) {
  console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]

let set = new Set([1, 4, 9]);
set.forEach((value, key) => console.log(key + ' : ' + value))//Set 结构的键名就是键值
// 1 : 1
// 4 : 4
// 9 : 9

Set 遍历方法的应用~数组去重，字符串去重

//扩展运算符（...）内部使用for...of循环，所以也可以用于 Set 结构。
[...new Set(array)];   //数组去重

//数组的map和filter方法也可以间接用于 Set 了
let set = new Set([1, 2, 3]);
set = new Set([...set].map(x => x * 2));
// 返回Set结构：{2, 4, 6}

let set = new Set([1, 2, 3, 4, 5]);
set = new Set([...set].filter(x => (x % 2) == 0));
// 返回Set结构：{2, 4}

使用 Set 可以很容易地实现并集（Union）、交集（Intersect）和差集（Difference）
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);

// 并集
let union = new Set([...a, ...b]);
// Set {1, 2, 3, 4}

// 交集
let intersect = new Set([...a].filter(x => b.has(x)));
// set {2, 3}

// 差集
let difference = new Set([...a].filter(x => !b.has(x)));
// Set {1}

//直接在遍历操作中改变原来的 Set 结构
// 方法一
let set = new Set([1, 2, 3]);
set = new Set([...set].map(val => val * 2));
// set的值是2, 4, 6

// 方法二
let set = new Set([1, 2, 3]);
set = new Set(Array.from(set, val => val * 2));
// set的值是2, 4, 6

WeakSet

WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。

1. WeakSet 的成员只能是对象，而不能是其他类型的值。
2. WeakSet 不可遍历WeakSet 不可遍历

作为构造函数，WeakSet 可以接受一个数组或类似数组的对象作为参数。（实际上，任何具有 Iterable 接口的对象，都可以作为 WeakSet 的参数。）该数组的所有成员，都会自动成为 WeakSet 实例对象的成员。

const a = [[1, 2], [3, 4]];
const ws = new WeakSet(a);
// WeakSet {[1, 2], [3, 4]}

WeakSet 实例的方法~操作方法

• add(value)：向 WeakSet 实例添加一个新成员
• delete(value)：清除 WeakSet 实例的指定成员。
• has(value)：返回一个布尔值，表示某个值是否在

WeakSet 的一个用处，是储存 DOM 节点，
而不用担心这些节点从文档移除时，会引发内存泄漏。

const foos = new WeakSet()
class Foo {
  constructor() {
    foos.add(this)
  }
  method () {
    if (!foos.has(this)) {
      throw new TypeError('Foo.prototype.method 只能在Foo的实例上调用！');
    }
  }
}