ES6-Set数据结构

原文：http://es6.ruanyifeng.com/#docs/set-map

1.类似于数组，但是成员的值都是唯一的，没有重复的值。

const s = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
console.log(s);

 

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

    可以用来数组去重，不会影响原数组结构

const arr = [1,2,1,2,3,4,3,5];
const set = new Set(arr);
const newArr = [...set];
console.log(arr);
console.log(set);
console.log(newArr);

    也可以去除字符串里面的重复字符

[...new Set('ababbc')].join('')

3.向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。但两个NaN是相等。两个空对象不相等。

let set = new Set();
let a = NaN;
let b = NaN;
set.add(5);
set.add('5');
set.add(a);
set.add(b);
set.add({});
set.add({});
console.log(set);

 

4.set属性和方法

属性：

Set.prototype.constructor：构造函数，默认就是Set函数

Set.prototype.size：返回Set实例的成员总数。（类似于数组length属性）

方法：

add()：添加某个值，返回 Set 结构本身。

delete()：删除某个值，返回一个布尔值，表示删除是否成功。

has()：返回一个布尔值，表示该值是否为Set的成员。

clear()：清除所有成员，没有返回值。

keys()：返回键名的遍历器。

values()：返回键值的遍历器。

entries()：返回键值对的遍历器。

forEach()：使用回调函数遍历每个成员。

例1：基本操作方法

let set = new Set();
set.add(1).add(2).add(2);      //重复添加无效
console.log(set);              //Set(2) {1, 2}
set.has(1);                    // true
set.has(2);                    // true
set.has(3);                    // false
set.delete(2);                 
set.has(2)                     // false

例2：判断是否包括某个键

// 对象的写法
const properties = {
  'width': 1,
  'height': 1
};

if (properties[someName]) {
  // do something
}

// Set的写法
const properties = new Set();

properties.add('width');
properties.add('height');

if (properties.has(someName)) {
  // do something
}

例3：Array.from方法可以将 Set 结构转为数组

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

function dedupe(array) {
  return Array.from(new Set(array));
}

dedupe([1, 1, 2, 3]);     // [1, 2, 3]

例4：keys方法、values方法、entries方法返回的都是遍历器对象，

由于 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"]

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

这意味着，可以省略values方法，直接用for...of循环遍历 Set

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

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

例6：forEach()

let set = new Set([1, 4, 9]);
set.forEach((value, key) => console.log(key + ' : ' + value))
// 1 : 1
// 4 : 4
// 9 : 9

例7：数组的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}


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}

例8：改变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