TypeScript 字符串
最后修改于 2025 年 2 月 24 日
TypeScript 字符串以字符序列的形式存储文本数据。它们通过类型注解扩展了 JavaScript 字符串，以提高代码安全性。本指南将探讨声明、操作方法和实际用例。
什么是 TypeScript 字符串？
TypeScript 中的字符串表示 Unicode 字符的不可变序列。它们可以用单引号、双引号或模板字面量来声明。类型注解确保只分配字符串值。
创建字符串
此示例展示了声明 TypeScript 字符串的不同方法。
declaring_strings.ts
let greeting: string = "Welcome";
let filename: string = 'app.js';
let path: string = `C:/projects/${filename}`;
console.log(path); // Output: C:/projects/app.js
模板字面量（反引号）允许嵌入表达式。所有声明都以类型安全的方式创建不可变的字符串值。
字符串方法
此示例演示了重要的字符串操作方法。
string_methods.ts
let message: string = "TypeScript Essentials";
console.log(message.charAt(4)); // Output: S
console.log(message.slice(4, 10)); // Output: Script
console.log(message.includes("Ess")); // Output: true
console.log(message.replace("Essentials", "Mastery"));
// Output: TypeScript Mastery
常用方法包括用于字符访问的 charAt、用于子字符串提取的 slice 和用于模式替换的 replace。
字符串插值
此示例展示了如何使用模板字面量来创建动态字符串。
string_interpolation.ts
let user: string = "Alice";
let tasks: number = 5;
console.log(`${user} has ${tasks} pending tasks`);
// Output: Alice has 5 pending tasks
模板字面量简化了字符串连接，并支持多行字符串而无需转义字符。
字符串验证
此示例演示了基本的字符串验证技术。
string_validation.ts
function isValidEmail(email: string): boolean {
return email.includes("@") && email.includes(".");
}
console.log(isValidEmail("user@example.com")); // Output: true
console.log(isValidEmail("invalid.email")); // Output: false
可以使用 includes 和其他字符串方法来实现基本验证。对于生产环境，建议使用正则表达式。
遍历字符串
此示例展示了如何访问字符串中的单个字符。
string_iteration.ts
let charset: string = "ABCD";
for (let char of charset) {
console.log(char);
}
// Output:
// A
// B
// C
// D
for...of 循环会遍历每个字符。在 TypeScript/JavaScript 中，字符串是可迭代的。
最佳实践
- 使用模板字面量：通过嵌入表达式提高可读性
- 首选 const：使用
const声明固定字符串 - 清理输入：验证并修剪用户输入的字符串
- 明智地使用方法：根据需要选择
slice、substring - 处理编码：在现代应用程序中考虑 Unicode 字符
来源
本教程涵盖了 TypeScript 中重要的字符串操作，为在类型安全应用程序中进行文本处理提供了基础知识。