typescript的 映射类型
时间: 2024-05-29 17:13:32 浏览: 8
TypeScript的映射类型是一种强大的工具,可以在类型级别上定义新的类型,比如将一个类型中所有属性的类型都转换为可选或只读。它使用索引类型和条件类型来实现这些功能,可以让我们更轻松地重用一些类型转换代码,减少重复性的工作。在TypeScript中,映射类型的语法是基于泛型的 `keyof` 关键字,它允许我们基于现有类型创建新类型。
相关问题
typescript 映射类型
在TypeScript中,映射类型是一种通过泛型参数接收旧的类型,并返回新类型的方式。通过使用映射类型,我们可以对旧类型的属性进行修改或添加新的属性。
引用\[1\]中的MyOptional类型是一个映射类型,它通过泛型参数接收旧的类型,并返回一个新类型,新类型中的属性都是可选的。这意味着新类型中的每个属性都可以存在或不存在。
引用\[2\]中的MyNecessary类型也是一个映射类型,它通过泛型参数接收旧的类型,并返回一个新类型,新类型中的属性都是必选的。这意味着新类型中的每个属性都必须存在。
引用\[3\]中的MyNullable类型也是一个映射类型,它通过泛型参数接收旧的类型,并返回一个新类型,新类型中的属性都可以为null。这意味着新类型中的每个属性可以是旧类型属性的值或null。
通过使用这些映射类型,我们可以根据需要对类型进行灵活的修改和扩展,以满足不同的需求。
#### 引用[.reference_title]
- *1* *2* *3* [TypeScript 映射类型](https://blog.csdn.net/lhblmd/article/details/126710632)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
ts 映射类型 omit
在 TypeScript 中,`Omit` 是一个非常有用的映射类型,可以用来从一个类型中删除指定的属性。它的定义如下:
```
type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
```
其中,`Exclude` 是 TypeScript 内置的一个类型,它可以从一个类型的联合类型中排除指定的类型。`Pick` 则是用来从一个类型中挑选出指定的属性。
例如,假设有一个对象类型 `MyObject`:
```
type MyObject = {
a: string;
b: number;
c: boolean;
};
```
我们想要从中删除属性 `b`,可以使用 `Omit` 映射类型:
```
type MyNewObject = Omit<MyObject, 'b'>;
```
这里的 `MyNewObject` 将是一个新的类型,它将不包含属性 `b`。如果我们使用 `keyof` 操作符来获取 `MyObject` 的所有键,我们可以看到 `Exclude` 是如何工作的:
```
type MyKeys = keyof MyObject; // 'a' | 'b' | 'c'
type MyNewKeys = Exclude<MyKeys, 'b'>; // 'a' | 'c'
```
在这个例子中,`Exclude` 将从 `'a' | 'b' | 'c'` 中排除了 `'b'`,得到了新的键 `'a' | 'c'`。然后,`Pick` 将从 `MyObject` 中选择包含这些键的属性,得到了新的类型 `MyNewObject`。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)