在前端开发中,类型系统和数据结构是非常重要的一部分。TypeScript 是一种强类型语言,它支持多种数据结构,其中最常用的是 Map 和 Set。
Map
Map 是一种键值对集合数据结构,可以存储任何类型的键和值。键和值可以是任何类型,可以是基本类型如字符串、数字,也可以是对象。Map 中的键是唯一的,每个键对应一个值。Map 可以用来存储对象与对象之间的关联关系,例如存储人名和电话号码,存储商品编号和商品信息等。
创建 Map
在 TypeScript 中,可以通过构造函数来创建 Map。以下是创建 Map 对象的四种常见方式:
--- ---- - --- ------ --- ---- - --- -------- ----- --- ------- --- ---- - --- ------------- --------- ------- ------ --- ---- - --- -------------------- ----- -------- ---- -- ----
第一种方式创建空的 Map;第二种和第三种方式分别通过数组的形式传入键值对来创建 Map;第四种方式使用 Object.entries 方法将对象转化为数组再创建 Map。
Map 常用方法
在 TypeScript 中,Map 有许多常用的方法,以下是一些常见的方法:
set
: 设置一个键值对,返回 Map 对象本身。get
: 获取指定键的值。has
: 判断 Map 中是否存在指定键。delete
: 删除 Map 中指定键的键值对,返回布尔值表示是否删除成功。clear
: 清空 Map 中所有的键值对。size
: 获取 Map 中键值对的数量。
以下是这些方法的使用示例:
--- --- - --- ------ --------------- ------------------- ---- ----------------------------- -- ----- ---------------------------- -- ---- ------------------------------- -- ---- ---------------------- -- - ------------ ---------------------- -- -
Map 的遍历
Map 提供了多种遍历方法,可以遍历键、值和键值对。以下是一些常见的遍历方法:
keys
: 返回一个迭代器对象,可以遍历 Map 中的键。values
: 返回一个迭代器对象,可以遍历 Map 中的值。entries
: 返回一个迭代器对象,可以遍历 Map 中的键值对。forEach
: 遍历 Map 中的所有键值对,调用指定的回调函数。
以下是这些方法的使用示例:
--- --- - --- ------------- --------- ------- ------ -- --- --- ---- --- -- ----------- - ----------------- - -- --- --- ---- ----- -- ------------- - ------------------- - -- ----- --- ---- ----- -- -------------- - ------------------- - -- -- ------- ----- ------------------- ---- -- - -------------------- ----------- ---
Set
Set 是一种集合数据结构,存储的是一组唯一的值。值可以是任意类型,包括基本类型和对象。Set 可以用来去重、筛选等操作。
创建 Set
在 TypeScript 中,可以通过构造函数来创建 Set。以下是创建 Set 对象的两种常见方式:
--- ---- - --- ------ --- ---- - --- ------- -- ----
第一种方式创建空的 Set,第二种方式通过数组的形式传入一组初始值来创建 Set。
Set 常用方法
Set 也有许多常用的方法,以下是一些常见的方法:
add
: 添加一个值到 Set 中,返回 Set 对象本身。has
: 判断 Set 中是否含有指定值。delete
: 删除 Set 中指定值,返回布尔值表示是否删除成功。clear
: 清空 Set 中所有的值。size
: 获取 Set 中的值的数量。
以下是这些方法的使用示例:
--- --- - --- ------- -- ---- ------------------ ------------------------ -- ---- --------------------------- -- ---- ---------------------- -- - ------------ ---------------------- -- -
Set 的遍历
Set 也提供了多种遍历方法,与 Map 的方法类似。以下是一些常见的遍历方法:
keys
: 返回一个迭代器对象,可以遍历 Set 中的值。values
: 返回一个迭代器对象,可以遍历 Set 中的值。entries
: 返回一个迭代器对象,可以遍历 Set 中的键值对,键与值相同。forEach
: 遍历 Set 中的所有值,调用指定的回调函数。
以下是这些方法的使用示例:
--- --- - --- ------- -- ---- -- --- --- ---- ----- -- ------------- - ------------------- - -- -- ------- --- ----------------- -- - ------------------- ---
总结
本文介绍了 TypeScript 中 Map 和 Set 的使用方法和常见操作,希望读者能够对这两种数据结构有更深入的了解。Map 和 Set 是前端开发中常用的数据结构,掌握它们的使用可以提高代码的可读性和可维护性。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64e7cfa0f6b2d6eab334ab19