内置字符串操作类型
使用 Uppercase、Lowercase、Capitalize 和 Uncapitalize。
内置字符串操作类型 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。
内置字符串转换器
TypeScript 提供了四种内置字符串操作类型:Uppercase、Lowercase、Capitalize 和 Uncapitalize。它们会在编译时转换字符串字面量类型,不会产生运行时开销。
转换为大写
Uppercase<S> 会将字符串字面量类型中的每个字符转换为大写。字面量 'hello' 会变成类型 'HELLO'。
type Loud = Uppercase<"hello"> // "HELLO"
const x: Loud = "HELLO"
console.log(x)转换为小写
Lowercase<S> 执行相反的操作,将每个字符转换为小写。'HELLO' 会变成 'hello'。
type Quiet = Lowercase<"HELLO"> // "hello"
const x: Quiet = "hello"
console.log(x)首字母大写
Capitalize<S> 只会将第一个字符转换为大写,其余字符保持不变。'name' 会变成 'Name'。
type Title = Capitalize<"name"> // "Name"
const x: Title = "Name"
console.log(x)首字母小写
Uncapitalize<S> 只会将第一个字符转换为小写。'Name' 会变成 'name',这对于将 PascalCase 键转换为 camelCase 很有用。
type Camel = Uncapitalize<"Name"> // "name"
const x: Camel = "name"
console.log(x)转换联合类型
将内置类型应用于联合类型时,它会转换其中的每个成员。对 'a' | 'b' 应用 Uppercase 会得到 'A' | 'B'。
type Keys = "id" | "name"
type Upper = Uppercase<Keys> // "ID" | "NAME"
const k: Upper = "ID"
console.log(k)与模板字面量结合
这些内置类型在模板字面量类型中使用时最为强大。您可以在字段名应用 Capitalize 后加上前缀 get,从而构造出获取器名称,例如名称字段的获取器。
type Field = "name" | "age"
// template: get + Capitalize<Field> => "getName" | "getAge"
const g: "getName" | "getAge" = "getName"
console.log(g)在映射类型中构建键名
在映射类型的键重映射中,内置类型可以生成经过转换的属性名称,例如将每个属性转换为首字母大写的处理器键名。
type Events = "click" | "drag"
// { [E in Events as on + Capitalize<E>]: () => void }
// produces keys onClick and onDrag
const handlers: { onClick: () => void } = { onClick: () => {} }
console.log(typeof handlers.onClick)串联内置类型
您可以嵌套内置类型来组合转换,例如先对字符串应用 Lowercase,再应用 Capitalize,以统一大小写格式。
type Normalized = Capitalize<Lowercase<"hELLO">> // "Hello"
const x: Normalized = "Hello"
console.log(x)仅在编译时生效
这些类型在运行时并不存在。要转换实际的字符串值,您仍需调用 toUpperCase() 等方法;内置类型只负责调整静态类型。
function shout<S extends string>(s: S): Uppercase<S> {
return s.toUpperCase() as Uppercase<S>
}
console.log(shout("hi")) // HI, typed as "HI"
实际应用
您可以使用这些内置类型派生常量名称、事件键名、获取器和设置器名称,并统一字面量类型配置键的大小写格式;所有这些都会由编译器检查。
type Action = "add" | "remove"
type ActionType = Uppercase<Action> // "ADD" | "REMOVE"
const a: ActionType = "ADD"
console.log(a)快速检查
测试您对内置字符串类型的理解。
回顾
内置类型 Uppercase、Lowercase、Capitalize 和 Uncapitalize 会在编译时转换字符串字面量类型,对联合类型分别处理,并可与模板字面量类型和映射类型组合,以构建键名和处理器名称。它们不会产生运行时行为;运行时转换应使用实际的字符串方法,而这些内置类型只负责调整静态类型。
用 AI 导师学习 TypeScript — 免费
在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。
- 课程
- 101
- 课程
- 352
常见问题解答
「内置字符串操作类型」课时是免费的吗?
是的 — 「内置字符串操作类型」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 TypeScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。
「内置字符串操作类型」这节课中我会学到什么?
使用 Uppercase、Lowercase、Capitalize 和 Uncapitalize。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 TypeScript Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。
「内置字符串操作类型」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 TypeScript Academy 课中编写并运行代码吗?
能。每节 TypeScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- 模板字面量类型基础
- 结构化字符串建模
- 字符串联合与自动补全
- 内置字符串操作类型