TypeScript 字符串格式化|极客教程

TypeScript 字符串格式化

在 TypeScript 中，字符串格式化是一种常见的操作，它允许我们动态插入变量或表达式到字符串中。这样可以让字符串更加灵活和易于处理。本文将详细介绍 TypeScript 中字符串格式化的几种常用方法，包括模板字符串、字符串插值和格式化函数。

模板字符串

模板字符串是 ES6 中引入的一种新的字符串表示方法，它使用反引号 (`）包裹字符串内容，并使用 ${} 来插入变量或表达式。在 TypeScript 中，我们也可以使用模板字符串进行字符串格式化。

let name: string = "Alice";
let age: number = 30;

let message: string = `My name is  ${name} and I am$ {age} years old.`;

console.log(message); // Output: My name is Alice and I am 30 years old.

在上面的示例中，我们使用了模板字符串来创建一个包含变量 name 和 age 的消息。${} 中可以是任意的表达式，而不仅仅是简单的变量名。

字符串插值

除了使用模板字符串外，我们还可以通过字符串插值的方式来将变量或表达式插入到字符串中。在 TypeScript 中，我们可以使用 ${} 或 + 运算符来实现字符串插值。

let name: string = "Bob";
let age: number = 25;

let message1: string = `My name is  ${name} and I am$ {age} years old.`;
let message2: string = "My name is " + name + " and I am " + age + " years old.";

console.log(message1); // Output: My name is Bob and I am 25 years old.
console.log(message2); // Output: My name is Bob and I am 25 years old.

在上面的示例中，我们演示了两种不同的字符串插值方式。第一种方式使用了模板字符串，第二种方式则使用了 + 运算符来连接字符串和变量。

格式化函数

除了使用模板字符串和字符串插值外，我们还可以自定义格式化函数来处理字符串格式化的需求。这种方式可以更加灵活和个性化，适用于一些特殊的字符串格式化需求。

function formatMessage(name: string, age: number): string {
    return `My name is  ${name.toUpperCase()} and I am$ {age} years old.`;
}

let message: string = formatMessage("Charlie", 35);

console.log(message); // Output: My name is CHARLIE and I am 35 years old.

在上面的示例中，我们定义了一个名为 formatMessage 的格式化函数，它会将传入的 name 转换为大写，并将其插入到消息中进行格式化。这样我们可以根据需要自定义字符串格式化逻辑。