提醒：本文最後更新於 1936 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

ES6 新增了幾種集合型別，本文介紹 Set、Map 和 WeakMap。比較新的 Firefox、Chrome（需要在 about:flags 啟用實驗性 JavaScript）以及 IE11 都有不同程度的實現。需要注意的是，ES6 規範會一直調整，本文只以當前規範及瀏覽器實現為準。

Set

Set 是 ES6 新增的有序列表集合，它不會包含重複項。之前我們通常用物件（Object）或者陣列（Array）來實現沒有重複項的集合。但物件會對 key 進行 toString() 操作，這會導致某些 key 會意外覆蓋之前的資料；如果 key 本身是一個物件，toString() 也得不到想要的結果，如下：

var o = {};

var key1 = 2;
var key2 = { toString : function() { return 2 } };

var key3 = { x : 1 };
var key4 = { y : 2 };

o[key1] = 1;
o[key2] = 2;
o[key3] = 3;
o[key4] = 4;

// o : Object {2: 2, [object Object]: 4}

陣列可以存放任何型別的資料，不過資料除重需要自己實現。

Set 支援 add(item) 方法，用來向 Set 新增任意型別的元素，如果已經新增過則自動忽略；has(item) 方法用來檢測 Set 中是否存在指定元素；delete(item) 方法用來從 Set 中刪除指定元素；clear() 用來清空 Set；獲取 Set 集合長度用 size 屬性。如下：

var set = new Set();
set.add(window);
set.has(window); // true
set.size; // 1
set.add(window);
set.add(1);
set.size; // 2
set.delete(window);
set.has(window); // false
set.clear();
set.size; // 0

Set 呼叫 add、has、delete 等方法時對 key 進行的比較，不做型別轉換。可以認為使用「===」進行比較，當然也不全是「===」：

• Set 中，NaN 只能新增一次（雖然NaN === NaN 返回 false）；
• Set 中，「-0」和「0 或 +0」可以同時存在，因為符號不一樣（雖然 -0 === 0 或 -0 === +0 返回 true）；

Map

Map 是 ES6 新增的有序鍵值對集合。鍵值對的 key 和 value 都可以是任何型別的元素。通過 set(key, value) 方法為 Map 設定新的鍵值對，如果設定的 key 已經存在則用新的 value 覆蓋，Map 在比較 key 時也不做型別轉換，跟 Set 類似；Map 的 get(key) 方法用來獲取指定 key 的值；Map 的 has(key) 、 delete(key) 、clear() 這些方法和 size 屬性，與 Set 類似，直接看程式碼：

var map = new Map();
var key1 = {toString : function() { return 2}};
var key2 = 2;
map.set(key1, 1);
map.set(key2, 2);

map.has(key1); // true
map.has('2'); // false，型別不同
map.delete(2);
map.size; // 1
map.get(key2); // undefined

迭代

我們沒辦法像陣列一樣用 for 迴圈來迭代 Set，也沒辦法像物件一樣用 for...in 來迭代 Map。但是可以用 ES6 提供的新方法 for...of 來遍歷它們。

Set 和 Map 有幾個方法會返回可迭代物件（Iterator Objects），分別是 entries()、keys() 和 values()。直接遍歷 Set/Map，等同於遍歷 entries()；keys() 和 values() 則分別返回 key 和 value 的集合；對於 Set，key 和 value 是一樣的。這些方法和 for...of 現階段都只有 Firefox 支援，下面的例子需要在 Firefox 下執行：

var set = new Set();
set.add('this is a demo.');
set.add(window);
set.add(top);

for(let item of set) {
    console.log(item);
}

WeakMap

WeakMap 相對於普通的 Map，也是鍵值對集合，只不過 WeakMap 的 key 只能是非空物件（non-null object）。WeakMap 對它的 key 僅保持弱引用，也就是說它不阻止垃圾回收器回收它所引用的 key。WeakMap 最大的好處是可以避免記憶體洩漏。一個僅被 WeakMap 作為 key 而引用的物件，會被垃圾回收器回收掉。

WeakMap 擁有和 Map 類似的 set(key, value) 、get(key)、has(key)、delete(key) 和 clear() 方法，但沒有 size 屬性，也沒有任何與迭代有關的方法。

為了演示 WeakMap 與記憶體回收的關係，我用 IE11 做了一個簡單的測試。IE11 的 F12 開發者工具改進很大，下次找機會單獨介紹。測試流程如下：

1. 建立一個全域性的 Map/WeakMap 物件；
2. 進入區域性作用域，建立大量物件作為 key，加到 Map/WeakMap 中；
3. 離開區域性作用域，檢查第 2 步建立的大量物件是否被回收；
4. 手動回收 Map/WeakMap 物件；

記憶體使用結果如下：

紅線位置即為測試的第 2 步，可以看到給 Map/WeakMap 新增大量物件後，記憶體使用大幅增加；但 WeakMap 沒有阻止這些物件隨後被回收，記憶體使用馬上跌落，與 Map 對比非常明顯；最後手動回收 Map/WeakMap 之後，全部記憶體都會被回收。

WeakSet？

ES6 還定義了另外一種集合型別：WeakSet，但目前還沒有瀏覽器實現。顧名思義，它應該是沒有 size 屬性、不能迭代的 Set；且只能新增非空物件。這裡有 V8 引擎實現 WeakSet 的程式碼，大家可以先看看。

--EOF--

提醒：本文最後更新於 1936 天前，文中所描述的資訊可能已發生改變，請謹慎使用。