如何在 TypeScript 中格式化字符串?
在本教程中,我们将学习如何在 TypeScript 中格式化字符串。字符串是任何编程语言中的字符序列,TypeScript 也是如此。
在 TypeScript 中,字符串是不可变的。不可变的含义是我们不能改变特定索引处的字符串字符,但我们可以将该字符附加到字符串。
下面,我们将学习在 TypeScript 中格式化字符串的不同方法。
使用 + 运算符合并两个或多个字符串
通常,"+"运算符执行两个或多个数字的加法运算。当我们将 + 运算符与字符串一起使用时,它会接触字符串。此外,它还允许我们连接两个字符串变量。
语法
用户可以按照以下语法使用 + 运算符连接两个或多个字符串。
let result: string = " Hello " + " World! ";
在上述语法中,我们合并了两个不同的字符串。
示例
在下面的示例中,我们创建了三个不同的字符串变量,分别名为 str1、str2 和 str3。之后,我们使用 + 运算符将所有 3 个字符串与第四个字符串合并。
在输出中,用户可以观察到结果字符串依次包含 str1、str2、str3 和"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 中格式化字符串。格式化字符串最简单的方法是使用 + 运算符,但如果要执行某些数学运算,则应使用模板文字。模板文字还允许我们在 ${} 内的两个变量之间执行数学运算。因此,最好使用模板文字。
相关文章