TypeScript 中的字串格式化
Shuvayan Ghosh Dastidar
2023年1月30日
字串是一組 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"