TypeScript 中的字串格式化

Shuvayan Ghosh Dastidar 2023年1月30日 2022年5月18日
  1. 在 TypeScript 中附加字串以形成新字串
  2. 在 TypeScript 中使用 Template 字串形成字串
TypeScript 中的字串格式化

字串是一組 16 位無符號整數值(UTF-16 程式碼單元)。TypeScript 中的字串是不可變的,即特定索引處的值不能更改,但可以在字串末尾附加字串或字元值。

但是,由於字串的只讀屬性,可以讀取特定索引處的字元。

在 TypeScript 中附加字串以形成新字串

在 TypeScript 中,可以附加字串以形成新的字串。 + 或連線運算子連線兩個字串以形成最終字串。

// string literal
var name : string = 'Geralt';
var nameString = 'The Witcher is of age 95 and his name is ' + name ;
console.log(nameString);

輸出:

"The Witcher is of age 95, and his name is Geralt"

然而,這在大字串的情況下變得不方便,因此在 TypeScript 中引入了模板字串。

在 TypeScript 中使用 Template 字串形成字串

Template 字串是允許嵌入表示式的字串文字。他們通過 ${``} 運算子使用字串插值,因此可以嵌入任何表示式。

var name : string = "Geralt";
var age : number = 95;
var formedString = `The Witcher is of age ${age} and his name is ${name}`;
console.log(formedString);

輸出:

"The Witcher is of age 95, and his name is Geralt"

請注意,在字串的情況下,而不是一般的 ""''。因此,模板字串允許以一種更簡潔的方式來表示字串。

此外,使用模板字串,動態處理變得非常方便。

var name : string = "Geralt";
var age : number = 95;
var enemiesKilledPerYear = 3;
var formedString = `The Witcher is of age ${age} and his name is ${name} and has killed over ${age * enemiesKilledPerYear} enemies`;
console.log(formedString);

輸出:

"The Witcher is of age 95, and his name is Geralt and has killed over 4750 enemies"

此外,字串模板可以使用 (``) 生成多行字串。

var formedString = `Today is a nice day
to learn new things about TypeScript`;
console.log(formedString);

輸出:

"Today is a nice day 
to learn new things about TypeScript"
Shuvayan Ghosh Dastidar avatar Shuvayan Ghosh Dastidar avatar

Shuvayan is a professional software developer with an avid interest in all kinds of technology and programming languages. He loves all kinds of problem solving and writing about his experiences.

LinkedIn Website

相關文章 - TypeScript String