本文共 3986 字，大约阅读时间需要 13 分钟。

ES6���������������������������Set���Map������������������������������������������������������������������������������Set���������������������������Map������������������������������������������������������������������������������������������������

Set������������

Set������������������������������������������������������������������������������������Set���������������������������������������������������������Set������������������������������

var set = new Set([1, 2, 3, 2, 1]);
console.log(set); // {1, 2, 3}

Set���������������������������������������������������������������������������������������������������������������������

var set = new Set('aabbcc');
console.log([...set]); // ['a', 'b', 'c']

Set���������������������������===���������������������������������������������NaN������������������������NaN === NaN������false���������Set������������������������������������

var set = new Set([NaN, NaN]);
console.log(set); // {NaN}
console.log(NaN === NaN); // false

Set������������������������add()���delete()���has()���clear()���size()������������������������������������������������������������������Array.from���������������Set������������������

var arr = [1, 2, 2, 3];
var unique = new Set(arr);
var result = Array.from(unique);
console.log(result); // [1, 2, 3]

Set���������������for...of���������������������������

var set = new Set([1, 2, 3]);
for (var item of set) {
    console.log(item); // 1 2 3
}

������������Set���������forEach���������������

WeakSet���������������������

WeakSet������������������������������������������������������������������������Set���������������WeakSet���������������������������������������������������������������������������������

var ws = new WeakSet();
ws.add({ name: 'John' });
ws.add({ name: 'Jane' });
// ������������������������������������������
ws.add({ name: 'Bob' });
console.log(ws.size); // 3���������������������������������

WeakSet������������������������DOM������������������������������������������������������������������������������������������������WeakSet���������������������������������

Map������������

Map���������������������������������������������������������������������������������������������������������������������������Map������������������������������������

var el = document.getElementById('te');
var map = new Map();
map.set(el, 'te');
console.log(map.get(el)); // 'te'

Map���������������������set()���get()���delete()���clear()���size()���Map������������������������������������

var map = new Map([[1, '���'], [2, '���']]);
console.log(map.get(1)); // '���'

Map������������������������������������������������������������������for...of���������

var map = new Map([...Array.from({0: '���', 1: '���'})]);
for (var [key, value] of map) {
    console.log(key, value); // 0 => '���'���1 => '���'
}

Map���������������������������������������������������������������������������

var arr = [2, 3, 2, 4];
var map = new Map(arr);
var result = Array.from(map);
console.log(result); // [[2, 2], [3, 3], [4, 4]]

WeakMap���������������������

WeakMap���������Map���������������������������������������������������������������������������������������������������������������������������������WeakMap������������

var map = new WeakMap();
var key = {}; //  ������������������������
var value = 'WeakMap';
map.set(key, value);
value = null; // ������������������������������������
console.log(map.get(key)); // 'WeakMap'

WeakMap������������Map���������������������������������������������������������������������������������������������������������������DOM���������

������

������������������Set���Map������������������������������������������������������Set������������������������������������Map���������������������������������������������������������������������������������������������������������������������

������������������������������������������������ DOM ��������������������������� WeakSet ��� WeakMap������������������������������������������������������������������������������������������������������������