1. 程式人生 > >es6 Set 和Map 數據結構

es6 Set 和Map 數據結構

lba lsi 一個數 nvl 接受 atm imu otg 成功

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}‘)

es6 Set 和Map 數據結構