TypeScript 中的多行字串

Shuvayan Ghosh Dastidar 2023年1月30日 2022年5月26日
  1. 在 TypeScript 中使用模板字串形成多行字串
  2. 在 TypeScript 中使用 Array.join() 形成多行字串
TypeScript 中的多行字串

字串對於每種程式語言都很重要,TypeScript 在這方面也不例外。除了單行字串,TypeScript 還支援多行字串,其中以換行符分隔字串。

本文將演示在 TypeScript 中生成多行字串的不同方法。

在 TypeScript 中使用模板字串形成多行字串

模板字串以反引號開頭,可進一步用於字串插值,並可用於在執行時評估表示式,同時形成字串。但是,模板字串也可用於生成多行字串,或者它保持與字串相同的格式。

以下程式碼塊將展示如何使用模板字串在 TypeScript 中生成多行字串。

var multiLineString : string = `This is
a nice day to
write some
multi-line
strings.`

console.log(multiLineString);

輸出:

"This is
a nice day to
write some
multi-line
strings."

因此,輸出日誌的格式與輸入完全相同。這與寫入字串時使用的常規 " 引號不同,後者不會保留輸入時的格式。

var multiLineString : string = "This  \
won't be  \
formatted as a  \
multi-line \
string."

console.log(multiLineString);

輸出:

"This  won't be  formatted as a  multi-line string."

在 TypeScript 中使用 Array.join() 形成多行字串

Array.join() 方法是另一種從 TypeScript 中的字串陣列形成多行字串的方法。以下程式碼塊顯示瞭如何實現這一點。

var stringArr : Array<string> = [ 'This', 'is', 'a' , 'multi-line', 'string']  ;

var multiString : string = stringArr.join('\n');

console.log(multiString);

輸出:

"This
is
a
multi-line
string"
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