PricingLoginStart free
TypeScript Academy · 课时

使用 as 在映射类型中重新映射键

在类型转换过程中重命名键

第 4 / 4 课13 个步骤

使用 as 在映射类型中重新映射键 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

TypeScript 4.1 在映射类型中加入了 `as` 子句，使您能够在类型转换过程中重映射（重命名）键。

基本键重映射

在键变量后添加 `as NewKeyType`，即可将其重映射为新的键名。
type Prefixed<T> = {
  [K in keyof T as `prefix_${string & K}`]: T[K]
};
type P = Prefixed<{ name: string }>;
// { prefix_name: string }

使用 never 过滤键

在 `as` 子句中返回 `never`，即可从结果类型中移除该键。
type OnlyStrings<T> = {
  [K in keyof T as T[K] extends string ? K : never]: T[K]
};

生成获取方法名称

将 Capitalize 与模板字面量类型结合使用，以生成获取方法名称。
type Getters<T> = {
  [K in keyof T as `get${Capitalize<string & K>}`]: () => T[K]
};
type UserGetters = Getters<{ name: string; age: number }>;
// { getName: () => string; getAge: () => number }

生成设置方法名称

同样地，您可以为类型的属性生成设置方法名称。
type Setters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (val: T[K]) => void
};

反转 Record 类型

使用键重映射交换键和值。
type Invert<T extends Record<string, string>> = {
  [K in keyof T as T[K]]: K
};

条件键重映射

根据值类型应用不同的键转换。
type MethodKeys<T> = {
  [K in keyof T as T[K] extends Function ? K : never]: T[K]
};

与模板字面量结合

在重映射中使用模板字面量类型，以生成带命名空间的键。
type Namespaced<T, NS extends string> = {
  [K in keyof T as `${NS}::${string & K}`]: T[K]
};

映射符号键

使用键重映射时，您也可以处理符号键。

实践：FormData 类型

从类型化数据模型派生出值为字符串的表单对象。
type FormFields<T> = {
  [K in keyof T as K extends string ? K : never]: string
};

结合 as 与条件类型

键重映射和条件类型可以组合起来，创建表达能力很强的类型转换。

快速检查

在映射类型的 `as` 子句中返回 `never` 会对该键产生什么影响？
在交互式课程中回答

回顾

映射类型中的 `as` 子句可以让您使用模板字面量和条件类型重命名、过滤（通过 never）和转换键。它支持许多强大的模式，例如生成获取器和设置器，以及按值类型过滤属性。
免费开始

用 AI 导师学习 TypeScript — 免费

在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。

课程
101
课程
352
免费开始学习查看完整课程

常见问题解答

「使用 as 在映射类型中重新映射键」课时是免费的吗？

是的 — 「使用 as 在映射类型中重新映射键」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「使用 as 在映射类型中重新映射键」这节课中我会学到什么？

在类型转换过程中重命名键 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。

「使用 as 在映射类型中重新映射键」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 映射类型：转换对象类型
  2. 映射类型中的修饰符：readonly 与 ?
  3. 模板字面量类型：字符串模式
  4. 使用 as 在映射类型中重新映射键
← 返回 TypeScript Academy