es6的set和map学习

Set

ES6 提供了新的数据结构 Set。它相似于数组，可是成员的值都是惟一的，没有重复的值。

由于 Set 中的值老是惟一的，因此须要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操做符中使用的算法相同的算法。具体来讲，对于 Set s， +0 （+0 严格相等于-0）和-0是不一样的值。然而，在 ECMAScript 2015规范中这点已被更改。有关详细信息，请参阅浏览器兼容性 表中的“value equality for -0 and 0”。

另外，NaN和undefined均可以被存储在Set 中， NaN之间被视为相同的值（尽管 NaN !== NaN）。
Set自己是一个构造函数，用来生成 Set 数据结构。

Set函数能够接受一个数组（或者具备 iterable 接口的其余数据结构）做为参数，用来初始化。

let b = new Set(['a','b','c','a','b']);
// Set(3) {"a", "b", "c"}

set传入参数也能够一试string；

let a = new Set('aabbcc');
// Set(3) {a,b,c}

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

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

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

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

Array.from方法能够将 Set 结构转为数组。或者是扩展运算符...

const items = new Set([1, 2, 3, 4, 5]);
const array = Array.from(items);
const test = [...items];

遍历操做

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);
}
// red
// green
// blue

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

Set 结构的实例默承认遍历，它的默认遍历器生成函数就是它的values方法。

Set.prototype[Symbol.iterator] === Set.prototype.values

// true
这意味着，能够省略values方法，直接用for...of循环遍历 Set。

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

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

WeakSet

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

首先，WeakSet 的成员只能是对象，而不能是其余类型的值。

const ws = new WeakSet();
ws.add(1)
// TypeError: Invalid value used in weak set
ws.add(Symbol())
// TypeError: invalid value used in weak set

WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，若是其余对象都再也不引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中。

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

Map

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），可是传统上只能用字符串看成键。这给它的使用带来了很大的限制。

为了解决这个问题，ES6 提供了 Map 数据结构。它相似于对象，也是键值对的集合，可是“键”的范围不限于字符串，各类类型的值（包括对象）均可以看成键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。若是你须要“键值对”的数据结构，Map 比 Object 更合适。

const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

map.size // 2
map.has('name') // true
map.get('name') // "张三"

不单单是数组，任何具备 Iterator 接口、且每一个成员都是一个双元素的数组的数据结构（详见《Iterator》一章）均可以看成Map构造函数的参数。这就是说，Set和Map均可以用来生成新的 Map。

• Map.prototype.clear()
  移除Map对象的全部键/值对 。
• Map.prototype.delete(key)
  若是 Map 对象中存在该元素，则移除它并返回 true；不然若是该元素不存在则返回 false
• Map.prototype.get(key)
  返回键对应的值，若是不存在，则返回undefined。
• Map.prototype.has(key)
  返回一个布尔值，表示Map实例是否包含键对应的值。
• Map.prototype.keys()
  返回一个新的 Iterator对象， 它按插入顺序包含了Map对象中每一个元素的键 。
• Map.prototype.set(key, value)
  设置Map对象中键的值。返回该Map对象。

遍历方法
Map 结构原生提供三个遍历器生成函数和一个遍历方法。

• keys()：返回键名的遍历器。
• values()：返回键值的遍历器。
• entries()：返回全部成员的遍历器。
• forEach()：遍历 Map 的全部成员。

WeakMap

WeakMap与Map的区别有两点。

首先，WeakMap只接受对象做为键名（null除外），不接受其余类型的值做为键名。