ES6中的Map和Set

简介

Map和Set都是ES6新增的数据结构

• Map 类似于对象，key值不限于字符串，成员值唯一。
• Set 类似于数组，成员值唯一。

Map

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

const map = new Map([
  ['name', '测试'],
  ['title', 'ES']
]);

map.size // 2
map.get('name') // "测试"
map.get('title') // "ES"

typeof map;                          // "object"
map instanceof Object;               // true

属性

• Map.prototype.size: Map 结构的成员总数

方法

• set(key, value) ：设置键值名，返回整个 Map 结构
• get(key): 读取key对应的键值，如果找不到key，返回undefined
• has(key): 表示某个键是否在当前 Map 对象之中
• delete(key): 成功删除某个键，返回true，否则返回 false
• clear(): 清除所有成员，没有返回值
• keys()：返回键名的遍历器。
• values()：返回键值的遍历器。
• entries()：返回所有成员的遍历器。
• forEach()：遍历 Map 的所有成员。

转换为数组结构

使用扩展运算符（…），可以将 Map 结构转换为数组结构

const map = new Map([
  [1, 'first'],
  [2, 'second'],
  [3, 'third'],
]);

[...map.keys()]
// [1, 2, 3]

[...map.values()]
// ['first','second','third']

[...map.entries()]
// [[1, "first"],[2, "second"],[3, "third"]]

[...map]
// [[1, "first"],[2, "second"],[3, "third"]]

Set

它类似于数组，但是成员的值都是唯一的，没有重复的值；Set 本身是一个构造函数，用来生成 Set 数据结构

const arr = new Set();

[1,2,3,4,2,2,3,4].forEach(x => arr.add(x));

for (let i of arr) {
  console.log(i);
}
// 1,2,3,4

Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 特点：

• 以数组为参数， 可以去重
• 向 Set 加入值的时候，不会发生类型转换，所以4和"4"是两个不同的值。

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

属性

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

操作方法

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

遍历方法

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

keys方法、values方法、entries方法返回的都是遍历器对象。由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。

const set = new Set(['a', 'b', 'c']);

for (let item of set.keys()) {
  console.log(item);
}
// a
// b
// c

for (let item of set.values()) {
  console.log(item);
}
// a
// b
// c

for (let item of set.entries()) {
  console.log(item);
}
// ["a", "a"]
// ["b", "b"]
// ["c", "c"]

遍历的应用

• 去重
• 实现并集（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([...union].filter(x => !intersect.has(x)));
// Set {1, 4}