ECMAScript 6 Set 和 WeakSet

Set和WeakSet都是 ES6 新增数据结构。

Set

ES6 中的数据结构Set，与其它语言的 Set 对象基本一致，Set 内的所有成员的值都是唯一的。

const mySet = new Set([
    1, 1, 
    '2', '2', 
    null, null, 
    false, false, 
    true, true, 
    undefined, undefined,
    {}, {},
    [], [],
    NaN, NaN,
]);

mySet.forEach((item) => console.log(item));
// 1
// '2'
// null
// false
// true
// undefined
// {}
// {}
// []
// []
// NaN

Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。

Set实现了iterator接口，因此能使用...扩展符转换成数组(Array)

// 数组去重
let arr = [1, 2, 3, 1, 2, 3];
arr = [...new Set(arr)];
console.log(arr, arr.size); // [1, 2, 3] 3

常用 API

Set.prototype.add(val)

添加值，返回Set实例本身

const mySet = new Set();
mySet
.add(1)
.add(2)
.add(3)
.add(4);
console.log(...mySet); // 1 2 3 4

Set.prototype.delete(val)

删除Set实例中的某个值，返回实例本身

const mySet = new Set([1, 2, 3]);

mySet
.delete(1)
.delete(2);

console.log(...mySet); // 1

Set.prototype.has(val)

判断Set实例中是否存在某个值

const obj = {};
const mySet = new Set([1, obj]);

mySet.has(1); // true
mySet.has({}); // false
mySet.has(obj); // true

Set.prototype.clear()

清空Set中存的所有值

const mySet = new Set([1, 2, 3]);
mySet.clear();
console.log(mySet.size); // 0

Set.prototype.values()

返回一个Iterator对象，这个对象以插入的Set对象的顺序包含了原Set对象里的每个元素

const mySet = new Set([1, 2, 3]);

mySet.values(); // SetIterator {1, 2, 3}

Set.prototype.keys()

同Set.prototype.values行为一致

Set.prototype.entries()

类似于Object.prototype.entries类似

Set.prototype.forEach(callback)

类似于Array.prototype.forEach

const mySet = new Set([1, 2, 3, 4, 5]);

mySet.forEach((item) => console.log(item)); // 1 2 3 4 5

WeakSet

WeakSet对象与Set大体一致，每个对象值都只能出现一次，不过，不同的是：

• WeakSet对象只能存放对象引用，不能存放值，而Set对象可以；

• WeakSet对象中存储的对象值都是弱引用，如果没有其他的变量或属性引用这个对象值，则这个对象值会被当成来记回收掉；

• WeakSet无法被枚举，没有办法拿到它所包含的元素。

使用WeakSet存储 DOM 节点，就不用担心这些节点从文档中移除时造成内存泄漏。

相关 API

WeakSet.prototype.add(val)

与 Set.prototype.add()行为类似

WeakSet.prototype.delete(val)

与 Set.prototype.delete()行为类似

WeakSet.prototype.has(val)

与 Set.prototype.has()行为类似

WeakSet.prototype.clear()

与 Set.prototype.clear()行为类似

const myWeakSet = new WeakSet();

let obj0 = {};
let obj1 = {};
let obj2 = {};

// myWeakSet.add(1); // TypeError: Invalid value used in weak set

myWeakSet
  .add(obj0)
  .add(obj1)
  .add(obj2);

myWeakSet.has(obj0); // true
myWeakSet.has(obj1); // true
myWeakSet.has(obj2); // true

myWeakSet.delete(obj0); //
myWeakSet.has(obj0); // false

myWeakSet.clear();
myWeakSet.has(obj2); // false