TypeScript Map 与 Record 的区别以及何时使用

在本文中，我们将介绍 TypeScript 中 Map 与 Record 的区别，并讨论何时使用它们。

Map

Map 是 TypeScript 中的内置数据结构，它允许我们将键与值相关联。Map 中的键可以是任意类型，例如字符串、数字或对象。与常规的对象不同，Map 保留了插入顺序，并且键和值可以是相同的类型。

下面是一个使用 Map 的示例：

const productMap = new Map<number, string>();
productMap.set(1, "Apple");
productMap.set(2, "Banana");
productMap.set(3, "Orange");

console.log(productMap.get(2)); // 输出 "Banana"
console.log(productMap.size); // 输出 3

productMap.delete(3);
console.log(productMap.size); // 输出 2

console.log(productMap.has(1)); // 输出 true

在上面的示例中，我们创建了一个 Map 对象并向其添加了三个键值对。我们可以通过键获取值，并且可以使用方法如 .size、.delete 和 .has 来操作 Map。

Record

Record 是 TypeScript 中的内置类型，它用于表示具有特定键和值类型的对象。与 Map 不同，Record 中的键和值类型必须是确定的。

下面是使用 Record 的示例：

type Product = {
  name: string;
  price: number;
};

const productRecord: Record<number, Product> = {
  1: { name: "Apple", price: 0.5 },
  2: { name: "Banana", price: 0.3 },
  3: { name: "Orange", price: 0.8 }
};

console.log(productRecord[2]); // 输出 { name: "Banana", price: 0.3 }
console.log(productRecord[3]?.price); // 输出 0.8

productRecord[3] = { name: "Grape", price: 1.2 };
console.log(productRecord[3]?.name); // 输出 "Grape"