如何在 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 中格式化字串。格式化字串最簡單的方法是使用 + 運算子，但如果您想執行一些數學運算，則應使用模板字面量。模板字面量還允許我們在 ${} 中對兩個變數之間執行數學運算。因此，最好使用模板字面量。