ES6引入了兩種新的數據結構：Set和Map。Set是一組值的集合，其中值不能重復；Map（也叫字典）是一組鍵值對的集合，其中鍵不能重復。Set和Map都由哈希表（Hash Table）實現，并可按添加時候的順序枚舉。 ## 一、Set   Set類似于Array（數組），但需要通過SameValueZero算法保持值的唯一性。在前面的[第11篇](https://www.cnblogs.com/strick/p/10225168.html)中，曾講到Object.is()依據的比較算法是SameValue，SameValueZero算法與之類似，唯一的區別就是在該算法中，+0和-0是相等的。 **1）創建**   要使用Set，需要先將其實例化，如下代碼所示，其中構造函數Set()能接收一個可選的參數：可迭代對象，例如字符串、數組等。 ~~~ new Set();　　　　　　　　　　　　 //Set(0) {} new Set("abc"); 　 //Set(3) {"a", "b", "c"} new Set([+0, -0, NaN, NaN]); //Set(2) {0, NaN} ~~~ **2）寫入**   通過add()方法可以在Set的末尾添加一個任意類型的值，并且由于方法的返回值是當前的Set，因此可以采用鏈式的寫法。再利用size屬性就可得到成員數量，從而獲悉是否添加成功，如下所示。 ~~~ var set = new Set(); set.add(1).add("a"); //Set(2) {1, "a"} set.size; 　　　　 //2 ~~~   有一點需要注意，雖然Set有寫入方法，但并沒有對應的讀取方法。 **3）移除**   總共有兩個移除的方法，分別是delete()和clear()。delete()可指定移除的值，而clear()能清空集合，即移除所有成員。下面承接寫入中的示例，分別調用這兩個移除方法，并在其之后會根據has()方法判斷是否移除成功。 ~~~ set.delete(1); 　　 //Set(1) {"a"} set.has(1); 　　//false set.has("a"); //true set.clear();　　　　　//Set(0) {} set.has(1);　　　　　 //false set.has("a");　　　　 //false ~~~ **4）遍歷**   Set與數組一樣，也有三個ES6新增的迭代器方法：keys()、values()和entries()，功能也相同。但由于Set沒有鍵，只有值，因此keys()和values()返回的結果是相同的，如下所示。 ~~~ var digits = new Set(); digits.add(3).add(2).add(1); [...digits.keys()];　　　　　　//[3, 2, 1] [...digits.values()]; //[3, 2, 1] [...digits.entries()]; //[[3, 3], [2, 2], [1, 1]] ~~~   除此之外，Set也有一個迭代方法：forEach()，參數也與數組的類似，第一個是回調函數，第二個是執行回調函數時使用的this對象。其中回調函數也包含3個參數，但參數含義略有不同，第一個和第二個都是當前成員的值，第三個是原始Set。從下面代碼的注釋中可知，Set的枚舉順序只與添加順序有關，沒有按照ES6所規定的枚舉順序（可參考[第11篇](https://www.cnblogs.com/strick/p/10225168.html)）。 ~~~ /* 3 3 Set(3) {3, 2, 1} 2 2 Set(3) {3, 2, 1} 1 1 Set(3) {3, 2, 1} */ digits.forEach(function(value1, value2, set) { console.log(value1, value2, set); }); ~~~ **5）轉換**   如果要將Set轉換成數組，那么可以用Array.from()方法或擴展運算符實現，具體如下代碼所示。注意，數組中的重復元素在傳給Set后，就被過濾掉了。 ~~~ var duplicate = new Set([1, 1, {}, undefined]); Array.from(duplicate); //[1, {}, undefined] [...duplicate]; //[1, {}, undefined] ~~~ ## 二、WeakSet   WeakSet相對于Set，雖然只多了一個單詞Weak（弱），但兩者在很多方面都表現出了差異，具體如下所列：   （1）WeakSet中的值必須是對象，像數字、字符串或Symbol等其它類型都是不允許的。   （2）WeakSet中的對象都是弱引用，當沒有變量或屬性引用該對象時，將會被GC（Garbage Collection）自動回收掉。   （3）不可枚舉WeakSet中的對象，即WeakSet不包含forEach()、keys()、values()和entries()方法。   （4）無法獲取WeakSet中的成員數量，即沒有size屬性。   WeakSet的創建、寫入和移除，與Set類似，具體如下所示。 ~~~ var weak = new WeakSet(), arr = [1]; weak.add(arr); //WeakSet {[1]} weak.has(arr); //true weak.delete(arr); weak.has(arr); //false ~~~   目前，挖掘出的WeakSet用例并不多，比較經典的是用來存儲DOM節點，當該節點從文檔中被移除后，不必再擔心引發內存泄露。 ***** > 原文出處： [博客園-ES6躬行記](https://www.cnblogs.com/strick/category/1372951.html) [知乎專欄-ES6躬行記](https://zhuanlan.zhihu.com/pwes6) 已建立一個微信前端交流群，如要進群，請先加微信號freedom20180706或掃描下面的二維碼，請求中需注明“看云加群”，在通過請求后就會把你拉進來。還搜集整理了一套[面試資料](https://github.com/pwstrick/daily)，歡迎瀏覽。  推薦一款前端監控腳本：[shin-monitor](https://github.com/pwstrick/shin-monitor)，不僅能監控前端的錯誤、通信、打印等行為，還能計算各類性能參數，包括 FMP、LCP、FP 等。