TypeScript Map詳解

一、Map概述

1、Map是一種存儲鍵值對的數據結構，類似於Object，但是鍵可以是任何類型（包括對象），而Object只能是字符串或Symbol類型的鍵。

2、Map的構造函數接收一個可迭代對象（比如數組），並將其作為鍵值對的列表初始化Map對象。Map對象的大小通過size屬性獲取。

3、Map的常用方法有：get(key)、set(key, value)、delete(key)、clear()、entries()、keys()、values()等。

二、Map的使用場景

1、替代對象

const obj = { name: 'Jack', age: 18 };
const map = new Map(Object.entries(obj));
console.log(map.get('name')); // Jack

2、記錄數據出現次數

const arr = [1, 2, 3, 2, 1, 1, 4];
const map = new Map();
for (const item of arr) {
  map.set(item, map.get(item) ? map.get(item) + 1 : 1);
}
console.log(map); // Map(4) { 1 => 3, 2 => 2, 3 => 1, 4 => 1 }

3、緩存數據

const cache = new Map();
function getData(key) {
  if (cache.has(key)) {
    return cache.get(key);
  } else {
    const data = fetchData(key);
    cache.set(key, data);
    return data;
  }
}

三、Map API詳解

1、get(key)

Map的get方法接收一個鍵（key），返回與該鍵相關聯的值（value）。

const map = new Map().set('name', 'Jack');
console.log(map.get('name')); // Jack

2、set

Map的set方法用於在Map中添加或更新一個鍵值對，接收兩個參數：鍵（key）和值（value）。

const map = new Map().set('name', 'Jack');
map.set('age', 18);
console.log(map); // Map(2) { 'name' => 'Jack', 'age' => 18 }

3、delete(key)

Map的delete方法用於從Map中刪除一個鍵值對，並返回一個布爾值，表示該鍵值對是否存在。

const map = new Map().set('name', 'Jack');
console.log(map.delete('name')); // true
console.log(map.delete('age')); // false
console.log(map); // Map(0) {}

4、clear()

Map的clear方法用於清空Map對象。

const map = new Map().set('name', 'Jack').set('age', 18);
map.clear();
console.log(map); // Map(0) {}

5、entries()

Map的entries方法返回一個迭代器，包含所有鍵值對的數組。

const map = new Map().set('name', 'Jack').set('age', 18);
console.log([...map.entries()]); // [ [ 'name', 'Jack' ], [ 'age', 18 ] ]

6、keys()

Map的keys方法返回一個迭代器，包含所有鍵的數組。

const map = new Map().set('name', 'Jack').set('age', 18);
console.log([...map.keys()]); // [ 'name', 'age' ]

7、values()

Map的values方法返回一個迭代器，包含所有值的數組。

const map = new Map().set('name', 'Jack').set('age', 18);
console.log([...map.values()]); // [ 'Jack', 18 ]

小結：

本文介紹了TypeScript中的Map，包括Map的概述、使用場景和詳細的API解釋。Map是一種存儲鍵值對的數據結構，它可以代替對象、記錄數據出現次數和緩存數據。Map的常用方法有get、set、delete、clear、entries、keys和values，這些方法用於查詢、添加、刪除、清空、遍歷Map對象。