前言
JavaScript 是一种动态类型语言，在编写复杂的应用程序时，由于缺乏类型检查，可能会导致诸多错误。TypeScript 提供了强类型的支持，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法，并增加对类型的支持。
在 TypeScript 中，Map、Set 和 WeakMap 是非常常用的数据结构，在开发过程中，合理使用这些数据结构，可以有效提高代码的性能和可读性。
本文将介绍在 TypeScript 中使用 Map、Set 和 WeakMap 的相关知识，包含使用方式、优缺点以及示例代码等内容。
Map
Map 是一种键值对集合类型，它允许我们将任意类型的值与一个键相关联，可以使用 any、number、string、symbol 等类型作为键。
创建 Map
在 TypeScript 中，创建一个 Map 可以使用以下方式：
const map = new Map();
也可以使用构造函数初始化一个 Map：
const map = new Map([['key1', 'value1'], ['key2', 'value2']]);
增删查改 Map 中的数据
- 添加数据
map.set('key', 'value');- 获取数据
map.get('key');- 删除数据
map.delete('key');- 判断是否存在某个键
map.has('key');遍历 Map
遍历 Map 可以使用以下方式：
- 遍历键值对
for (const [key, value] of map) {
console.log(`key: ${key}, value: ${value}`);
}- 遍历键
for (const key of map.keys()) {
console.log(`key: ${key}`);
}- 遍历值
for (const value of map.values()) {
console.log(`value: ${value}`);
}Map 的优缺点
优点：Map 使用键值对存储数据，可以更灵活地存储不同类型的数据，还可以使用任意类型作为键，支持任意数量的键值对存储，比较适合存储较为复杂的数据结构。
缺点：相比于数组和对象，Map 的性能会有所下降，尤其是在存储大量数据时，应该谨慎使用。
Set
Set 是一种值的集合类型，不允许重复的值，可以使用任意类型作为值。
创建 Set
在 TypeScript 中，创建一个 Set 可以使用以下方式：
const set = new Set();
也可以使用数组初始化一个 Set：
const set = new Set(['value1', 'value2', 'value3']);
增删查改 Set 中的数据
- 添加数据
set.add('value');- 删除数据
set.delete('value');- 判断是否存在某个值
set.has('value');遍历 Set
遍历 Set 可以使用以下方式：
for (const value of set) {
console.log(`value: ${value}`);
}Set 的优缺点
优点：Set 中的值不重复，可以非常方便地查询一个值是否存在，还可以使用任意类型作为值，比较适合存储不需要重复的数据。
缺点：相比于数组和对象，Set 的性能会有所下降，尤其是在存储大量数据时，应该谨慎使用。
WeakMap
WeakMap 是一种键值对集合类型，与 Map 类似，但不会阻止垃圾回收器对键的回收操作，可以将对象作为键。
创建 WeakMap
在 TypeScript 中，创建一个 WeakMap 可以使用以下方式：
const weakMap = new WeakMap();
增删查改 WeakMap 中的数据
- 添加数据
weakMap.set(key, value);
- 获取数据
weakMap.get(key);
- 删除数据
weakMap.delete(key);
- 判断是否存在某个键
由于 WeakMap 不会阻止垃圾回收器对键的回收操作，因此无法直接判断一个键是否存在，建议在使用 WeakMap 时避免对键的使用次数进行限制。
WeakMap 的优缺点
优点：WeakMap 可以将对象作为键，并且不会阻止垃圾回收器对键的回收操作，适合在存储一些需要动态销毁的数据时使用。
缺点：由于 WeakMap 不会阻止垃圾回收器对键的回收操作，无法直接判断一个键是否存在，且不支持任意类型作为键。
总结
Map、Set 和 WeakMap 是 TypeScript 中常用的数据结构，它们在编写复杂的应用程序时非常有用，合理使用这些数据结构，可以提高代码的性能和可读性。
在使用 Map、Set 和 WeakMap 时，应该根据具体场景进行选择，注意避免不必要的性能开销。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a8167648841e98944b3218