es6 Set 和Map 數據結構
阿新 • • 發佈:2018-01-02
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 數據結構