ES6之Set、WeakSet、Map、WeakMap

Set、WeakSet、Map、WeakMap

一、Set

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

1、 Set 结构不会添加重复的值。

const s = new Set();

[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));

for (let i of s) {
  console.log(i);
}
// 2 3 5 4

2、Set结构可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数 iterable可迭代接口包含（Iterator接口、Spliterator接口）

// 例一
const set = new Set([1, 2, 3, 4, 4]);
[...set]
// [1, 2, 3, 4]

// 例二
const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
items.size // 5

// 例三
const set = new Set(document.querySelectorAll('div'));
set.size // 56

// 类似于
const set = new Set();
document
 .querySelectorAll('div')
 .forEach(div => set.add(div));
set.size // 56

3、Set 去重

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

let set = new Set();
let a = NaN;
let b = NaN;
set.add(a);
set.add(b);
set // Set {NaN}

5、Set添加 两个对象总不相等

6、Set 实例的属性和方法
属性：constructor（构造函数，默认就是Set函数）、size（返回Set实例的成员总数）
方法：add（添加某个值，返回 Set 结构本身）、delete（删除某个值，返回一个布尔值，表示删除是否成功）、has（返回一个布尔值，表示该值是否为Set的成员）、clear（清除所有成员，没有返回值）

7、Array.from Set结构转数组

8、Set遍历操作
keys() 返回键名的遍历器
values() 返回键值的遍历器
entries() 返回键值对的遍历器
forEach() 使用回调函数遍历每个成员

二、WeakSet

WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。
1、WeakSet 的成员只能是对象，而不能是其他类型的值。
2、WeakSet 不可遍历 （么有size属性）

三、Map

它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。

1、实例的属性和操作方法
属性：size（返回 Map 结构的成员总数）
方法：set（设置键名key对应的键值为value，返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。）
get（读取key对应的键值，如果找不到key，返回undefined）
has（返回一个布尔值，表示某个键是否在当前 Map 对象之中）
delete（删除某个键，返回true。如果删除失败，返回false）
clear（清除所有成员，没有返回值）

const m = new Map();
const o = {p: 'Hello World'};

m.set(o, 'content')
m.get(o) // "content"

m.has(o) // true
m.delete(o) // true
m.has(o) // false
m.size // 0
m.set('p','content') // Map(1) {'p' => 'content'}
m.get("p") //'content'
m.clear()

2、遍历方法
keys（返回键名的遍历器）
values（返回键值的遍历器）
entries（返回所有成员的遍历器）
forEach（遍历 Map 的所有成员）