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

typescriptserver side programmingprogramming

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

在 TypeScript 中,字符串是不可变的。不可变的含义是我们不能改变特定索引处的字符串字符,但我们可以将该字符附加到字符串。

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

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

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

语法

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

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

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

示例

在下面的示例中,我们创建了三个不同的字符串变量,分别名为 str1str2str3。之后,我们使用 + 运算符将所有 3 个字符串与第四个字符串合并。

在输出中,用户可以观察到结果字符串依次包含 str1str2str3 和"Tutorialspoint"。

//  创建 3 个不同的字符串
let str1: string = "Welcome ";
let str2: string = " Users ";
let str3: string = " to the ";
// 使用 + 运算符合并 str1、str2 和 str3
let result: string = str1 + str2 + str3 + " TutorialsPoint. ";
console.log(result);

编译后,将生成以下 JavaScript 代码 -

// 创建3个不同的字符串
var str1 = "Welcome ";
var str2 = " Users ";
var str3 = " to the ";
// 使用 + 运算符合并 str1、str2 和 str3
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.`;;

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

示例

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

在输出中,用户可以看到带有模板文字的变量被其值替换。

//  创建不同的变量
let language: string = "Java ";
let years: number = 5;

// 使用模板文字来格式化字符串。
let result: string = `I'm a ${language} developer. I'm working with ${language} since last ${years} years.`;
console.log(result); 

编译后,它将生成以下 JavaScript 代码 -

// 创建不同的变量
var language = "Java ";
var years = 5;
// 使用模板文字来格式化字符串。
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 中格式化字符串。格式化字符串最简单的方法是使用 + 运算符,但如果要执行某些数学运算,则应使用模板文字。模板文字还允许我们在 ${} 内的两个变量之间执行数学运算。因此,最好使用模板文字。


相关文章