ES6提供了新的數據結構Set,它類似於數組，但是成員的值都是唯一的，沒有重覆的值。 Set 本身是一個數據結構，用來生成Set 數據結構。 const s = new Set(); [2,3,5,4,5,2,2,2].forEach(x=>s.add(x)); for(let i of s) { ...
ES6提供了新的數據結構Set,它類似於數組，但是成員的值都是唯一的，沒有重覆的值。 Set 本身是一個數據結構，用來生成Set 數據結構。 const s = new Set(); [2,3,5,4,5,2,2,2].forEach(x=>s.add(x)); for(let i of s) { console.log(i); } // 2 3 5 4 Set 函數可以接受一個數組作為參數。 可以利用去除數組重覆成員的方法。 [...new Set(array)] // 去除數組重覆變數成員 Set 實例的屬性和方法 Set 結構的實例有兩種屬性 Set.prototype.constructor 構造函數，預設就是Set 函數 Set.prototype.size: 返回Set 實例的成員總數。 Set 實例方法分為兩大類，操作方法和遍歷方法。 add(value) : 添加某個值，返回Set 結構本身，delete(value): 刪除某個值，返回布爾值， 表示是否刪除成功。 has(value) 返回一個布爾值，表示該值是否為set 的成員。 clear(),清除所有成員，沒有返回值。 可以用 Array.from 方法將Set 結構轉為數組 const item = new Set([1,2,3,4,]); const array = Array.from(items); 數組去重方法 function dedupe(array) { return Array.from(new Set(array)); } dedupe([1,1,2,3]) // [1,2,3] Set 結構的實例有四個遍歷方法，可以用於遍歷成員 keys() 返回鍵名的遍歷器 values() 返回鍵值的遍歷器，entries()、返回鍵值對的遍歷器 forEach() 使用回調函數遍歷每一個。 Map ES6 提供了Map 數據結構，它類似於對象，也就是鍵值對的集合。 const m = new Map(); const o = {p: 'Hello World'}; m.set(o,'content'); m.get(o) // "content" m.has(o) // true m.delete(o) // true m.has(o) // false 實例的屬性和操作方法 1 size 屬性 返回Map 結構的成員總數 2.set(key,value) 設置鍵名key對應的鍵值為value,然後返回整個Map結構 3.get(key) ，get方法讀取key 對應的鍵值,如果找不到key,返回undefined。 4.has(key) 返回一個布爾值，表示某個鍵是否在當前Map獨享之中. 5.delete(key) 方法刪除某個鍵，返回true 如果刪除失敗，返回false. 6.clear() 方法清除所有成員，沒有返回值。 Map 結構提供三個便利器生成函數和一個遍歷方法。 keys() 返回鍵名的遍歷器 values() 返回鍵值的遍歷器，entries()、返回鍵值對的遍歷器 forEach() 使用回調函數遍歷每一個。 與其他數據結構之間的轉換 (1)Map 轉為數組,前面已經提過，Map 轉為數組最方便的方法，就是使用擴展運算符 const myMap = new Map().set(true,7).set({foo:3},['abc']); [...myMap] (2) 數組轉為Map 將數組傳入Map 構造函數，就可以轉為Map. new Map([[true,7],[{foo:3},['abc']]]) (3) Map 轉為對象，如果所有Map 的鍵都是字元串，它可以轉為對象。 function strMapToObj(strMap){ let obj = Object.create(null); for (let [k,v] of strMap) { obj[k] = v; } return obj; } const myMap = new Map().set('yes',true).set('no',false); strMapToObj(myMap) (4) 對象轉為 Map function objToStrMap(obj) { let strMap = new Map(); for (let k of Object.keys(obj)) { strMap.set(k,obj[k]); } return strMap; } objToStrMap({yes:true,no:false}) (5)Map 轉為JSON 一種情況是,Map 的鍵名都是字元串，這時可以選著轉為對象JSON function strMapToJson(strMap) { return JSON.stringify(strMapToObj(strMap)); } let myMap = new Map().set('yes',true).set('no',false); strMapToJson(myMap) 另一種情況是Map的鍵名有非字元串，這時可以選擇轉換為數組JSON function mapToArrayJson(map){ return JSON.stringify([...map]); } let myMap = new Map().set(true,7).set({foo:3},['abc']); mapToArrayJson(myMap) (6)JSON 轉為Map 正常情況下所有鍵名都是字元串。 function jsonToStrMap(jsonString) { return ObjToStrMap(JSON.parse(jsonStr)) } jsonToStrMap('{"yes":true,"no":false}')
