TypeScript Map類型 詳解

Objects 和 maps 的比較：

　　Object的鍵只能是字符串或者 Symbols，但 Map 的鍵可以是任意值，包括函數、對象、基本類 型。

　　Map 中的鍵值是有序的，而添加到 Object 對象中的鍵則不是。因此，當對它進行遍歷時，Map 對象是按插入的順序返回鍵值。

　　可以通過 size 屬性直接獲取一個 Map 的鍵值對個數，而 Object 的鍵值對個數只能手動計算。

　　Map 可直接進行迭代，而 Object 的迭代需要先獲取它的鍵數組，然后再進行迭代。

　　Map 在涉及頻繁增刪鍵值對的場景下會有些性能優勢。

Map 類型實例化語法：

new Map([iterable])
let map = new Map([['key1', 'value1'], ['key2', 'value2']]);

Map 類型實例屬性與方法：

Map.prototype.size                              // 元素數量
Map.prototype.clear()                           // 移除Map對象的所有鍵/值對 。
Map.prototype.delete(key)                       // 如果 Map 對象中存在該元素，則移除它並返回 true；否則如果該元素不存在則返回 false
Map.prototype.entries()                         // 返回一個新的 Iterator 對象，它按插入順序包含了Map對象中每個元素的[key, value] 數組。
Map.prototype.forEach(callbackFn[, thisArg])    // 按插入順序，為 Map對象里的每一鍵值對調用一次callbackFn函數。
Map.prototype.get(key)                          // 返回鍵對應的值，如果不存在，則返回undefined。
Map.prototype.has(key)                          // 返回一個布爾值，表示Map實例是否包含鍵對應的值。
Map.prototype.keys()                            // 返回一個新的 Iterator對象， 它按插入順序包含了Map對象中每個元素的鍵 。
Map.prototype.set(key, value)                   // 設置Map對象中鍵的值。返回該Map對象。
Map.prototype.values()                          // 返回一個新的Iterator對象，它按插入順序包含了Map對象中每個元素的值 。

Map 實例：

let myMap = new Map();
let keyObj = {},
    keyFunc = function () { },
    keyString = "a string";
 
    // 添加鍵
myMap.set(keyString, "和鍵'a string'關聯的值");
myMap.set(keyObj, "和鍵keyObj關聯的值");
myMap.set(keyFunc, "和鍵keyFunc關聯的值");
console.log(myMap.size);    // => 3
 
// 讀取值
myMap.get(keyString);       // "和鍵'a string'關聯的值"
myMap.get(keyObj);          // "和鍵keyObj關聯的值"
myMap.get(keyFunc);         // "和鍵keyFunc關聯的值"
myMap.get("a string");      // "和鍵'a string'關聯的值",因為keyString === 'a string'
myMap.get({});              // undefined, 因為keyObj !== {}
myMap.get(function () { })  // undefined, 因為keyFunc !== function () {}

Map 類型迭代，舉例：

let myMap = new Map();
myMap.set(0, "zero");
myMap.set(1, "one");
 
// 將會輸出兩個log，一個是"0 = zero", 另一個是"1 = one"
for (let [key, value] of myMap) {
    console.log(key + " = " + value);
}
 
// 將會輸出兩個log， 一個是 "0" 另一個是 "1"
for (let key of myMap.keys()) {
    console.log(key);
}
 
// 將會輸出兩個log， 一個是 "zero" 另一個是 "one"
for (let value of myMap.values()) {
    console.log(value);
}
 
// 將會輸出兩個log, 一個是 "0 = zero" 另一個是 "1 = one"
for (let [key, value] of myMap.entries()) {
    console.log(key + " = " + value);
}
 
// 將會輸出兩個logs, 一個是 "0 = zero" 另一個是 "1 = one"
myMap.forEach(function (value, key) {
    console.log(key + " = " + value);
})

Map 類型與數組類型互轉，舉例：

var kvArray = [["key1", "value1"], ["key2", "value2"]];
// 使用常規的Map構造函數可以將一個二維鍵值對數組轉換成一個Map對象
var myMap = new Map(kvArray);
console.log(myMap.get("key1"));             // => value1
 
// 使用Array.from函數可以將一個Map對象轉換成一個二維鍵值對數組
console.log(Array.from(myMap));             // 輸出和kvArray相同的數組
 
// 在鍵或者值的迭代器上使用Array.from，進而得到只含有鍵或者值的數組
console.log(Array.from(myMap.keys()));      // 輸出 ["key1", "key2"]
console.log(Array.from(myMap.values()));    // 輸出 ["value1", "value2"]

Map 對象間可以合並，有重復鍵值時，后面的會覆蓋前面的；

var first = new Map([
    [1, 'one'],
    [2, 'two'],
    [3, 'three'],
]);
var second = new Map([
    [1, 'uno'],
    [2, 'dos']
]);
// 合並兩個Map對象時，如果有重復的鍵值，則后面的會覆蓋前面的。
// 展開運算符本質上是將Map對象轉換成數組。
var merged = new Map([...first, ...second]);
console.log(merged.get(1)); // => uno
console.log(merged.get(2)); // => dos
console.log(merged.get(3)); // => three

 

轉載至：https://www.cnblogs.com/JosephWong/p/13677699.html