ES6 Set 和 Map

Set

基本用法

set类似于数组，但成员是唯一的。Set本身是一个构造函数，用来生成Set数据结构。

const a = new Set();
[1,2,3,3,4,1,2,3,2,2,1].forEach(b => a.add(b));
for(let i of a) {
    console.log(i)
}
// 1 2 3 4

Set函数可以接受一个数组（或者其他iterable接口的其他数据）作为参数，来初始化。

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

向set加入值时不会发生类型转换，所以5和 '5' 是两个不同的值。

两个对象总是不相等的

let s = new Set();
s.add({}).add({});
s.size // 2

Set实例的属性和方法

set结构的实例有以下方法：

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

Set实例的方法分为操作方法和遍历方法

操作方法：

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

let s = new Set();
s.add(1).add(2);
s.size // 2
s.delete(1) // true
s.has(1) // false
s.clear()
s.size // 0

遍历操作：

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

Set遍历的顺序就是插入的顺序

由于Set结构没有键名，只有键值。所有keys方法和values方法的行为完全一致。

let set = new Set(['red', 'green', 'blue']);
for (let key of set.keys()) {
    console.log(key)
};
// red green blue

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

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

// for of 也可直接遍历Set
for (let item of set) {
    console.log(item