TypeScript Map 对象

Map 是 ES6 中引入的一种新的数据结构，它类似于对象（Object），也是键值对的集合。但与普通对象相比，Map 提供了更强大和灵活的功能，尤其是在键的类型上。

在 TypeScript 中使用 Map，可以结合泛型来指定键（Key）和值（Value）的类型，从而获得完整的类型安全支持。

创建 Map

你可以使用 new Map() 构造函数来创建一个新的 Map。你可以指定键和值的类型。

// 创建一个键为 string 类型，值为 number 类型的 Map
let studentScores = new Map<string, number>();

你也可以在创建时直接初始化数据，通过一个包含键值对的数组（例如元组数组）。

let initialScores: [string, number][] = [["Alice", 95], ["Bob", 88], ["Charlie", 100]];
let studentScores = new Map<string, number>(initialScores);

Map 的主要特性

1. 任意类型的键: 普通对象的键只能是字符串或 Symbol。而 Map 的键可以是任意类型的值，包括函数、对象或任何基本类型。
2. 有序性: Map 中的元素是按插入顺序排列的。当你遍历 Map 时，会按照元素被添加的顺序进行。
3. size 属性: Map 直接提供 size 属性来获取键值对的数量，比计算对象属性个数更高效。
4. 易于迭代: Map 原生支持迭代，可以直接与 for...of 循环配合使用。

Map 的常用方法和属性

set(key, value)

向 Map 中添加或更新一个键值对。返回 Map 对象本身，因此可以链式调用。

studentScores.set("David", 92);
studentScores.set("Alice", 98); // 更新 Alice 的分数

console.log(studentScores);
// Map(4) { 'Alice' => 98, 'Bob' => 88, 'Charlie' => 100, 'David' => 92 }

get(key)

获取指定键对应的值。如果键不存在，则返回 undefined。

let bobScore = studentScores.get("Bob");
console.log(bobScore); // 88

let eveScore = studentScores.get("Eve");
console.log(eveScore); // undefined

has(key)

检查 Map 中是否存在指定的键，返回一个布尔值。

console.log(studentScores.has("Charlie")); // true
console.log(studentScores.has("Frank")); // false

delete(key)

删除指定的键值对。如果成功删除，返回 true；否则返回 false。

let didDelete = studentScores.delete("Bob");
console.log(didDelete); // true
console.log(studentScores.has("Bob")); // false

clear()

清空 Map，移除所有的键值对。

studentScores.clear();
console.log(studentScores.size); // 0

size 属性

返回 Map 中的键值对数量。

// 重新添加数据
studentScores.set("Anna", 99);
studentScores.set("Ben", 91);
console.log(studentScores.size); // 2

遍历 Map

Map 提供了多种遍历方式。

使用 for...of 循环

这是最常用的遍历方式。

for (let [key, value] of studentScores) {
    console.log(`${key}'s score is ${value}`);
}
// Anna's score is 99
// Ben's score is 91

使用 forEach() 方法

studentScores.forEach((value, key) => {
    console.log(`${key}: ${value}`);
});

遍历键或值

• keys(): 返回一个包含所有键的迭代器。
• values(): 返回一个包含所有值的迭代器。
• entries(): 返回一个包含所有 [key, value] 对的迭代器（for...of 内部就是使用这个）。

// 遍历键
for (let key of studentScores.keys()) {
    console.log(key);
} // Anna, Ben

// 遍历值
for (let value of studentScores.values()) {
    console.log(value);
} // 99, 91