如何在 TypeScript 中格式化字符串？

---

在本教程中，我们将学习如何格式化TypeScript 中的字符串。字符串是任何编程语言中字符的序列，TypeScript 也是如此。

在 TypeScript 中，字符串是不可变的。不可变的意思是我们无法更改特定索引处的字符串字符，但我们可以将字符附加到字符串中。

下面，我们将学习在 TypeScript 中格式化字符串的不同方法。

使用 + 运算符合并两个或多个字符串

通常，'+' 运算符执行两个或多个数字的加法运算。当我们将 + 运算符与字符串一起使用时，它会连接字符串。此外，它允许我们连接两个字符串变量。

语法

用户可以按照以下语法使用 + 运算符连接两个或多个字符串。

let result: string = " Hello " + " World! ";

在上述语法中，我们合并了两个不同的字符串。

示例

在下面的示例中，我们创建了三个不同的字符串变量，名为 str1、str2 和 str3。之后，我们使用 + 运算符将所有三个字符串与第四个字符串合并。

在输出中，用户可以观察到结果字符串包含 str1、str2、str3 和 "Tutorialspoint"，一个接一个。

//  Creating 3 different strings
let str1: string = "Welcome ";
let str2: string = " Users ";
let str3: string = " to the ";
// merge str1, str2, and str3 using the + operator
let result: string = str1 + str2 + str3 + " TutorialsPoint. ";
console.log(result);

编译后，它将生成以下 JavaScript 代码：

//  Creating 3 different strings
var str1 = "Welcome ";
var str2 = " Users ";
var str3 = " to the ";
// merge str1, str2, and str3 using the + operator
var result = str1 + str2 + str3 + " TutorialsPoint. ";
console.log(result);

输出

以上代码将产生以下输出 −

Welcome  Users  to the  TutorialsPoint.

使用模板字面量格式化字符串

在 TypeScript 中格式化字符串的最佳方法之一是使用模板字面量。在这里，我们将使用 `` 创建字符串，而不是使用 "" 或 ''。之后，我们可以使用 ${}（模板）在其中插入变量。

语法

用户可以按照以下语法使用模板字面量格式化字符串。

let var1: string = value;
let var2: number = value;
let result: string = `I'm a ${var1} developer. I'm working with ${var1} since last ${var2} years.`;

在上述语法中，我们创建了两个变量并将它们使用模板字面量插入到字符串中。

示例

在下面的示例中，我们创建了两个变量，名称语言和年份。我们使用 ${} 将这两个变量插入到字符串之间。

在输出中，用户可以看到模板字面量中的变量被其值替换。

//  Creating different variables
let language: string = "Java ";
let years: number = 5;

// Use the template literals to format the string.
let result: string = `I'm a ${language} developer. I'm working with ${language} since last ${years} years.`;
console.log(result); 

编译后，它将生成以下 JavaScript 代码：

//  Creating different variables
var language = "Java ";
var years = 5;
// Use the template literals to format the string.
var result = "I'm a " + language + " developer. I'm working with " + language + " since last " + years + " years.";
console.log(result);

输出

以上代码将产生以下输出：

I'm a Java  developer. I'm working with Java  since last 5 years.

我们学习了如何在 TypeScript 中格式化字符串。格式化字符串最简单的方法是使用 + 运算符，但如果您想执行一些数学运算，则应使用模板字面量。模板字面量还允许我们在 ${} 中对两个变量之间执行数学运算。因此，最好使用模板字面量。