TypeScript - 文字列に変数を埋め込む

テンプレートリテラルを使用します。文字列を バッククォート(`) で囲い、変数を埋め込みたい箇所に ${変数名} とします。

文字列に変数を埋め込む方法

埋め込み結果 = `文字列リテラル ${変数名} 文字列リテラル`;

• 文字列を バッククォート(`) で囲います。
• $マークと中カッコの中に 変数 を指定します。
• 変数値が null の場合、 文字列 'null' が展開されます。
• 変数値が undefined の場合、 文字列 'undefined' が展開されます。

// 結果 = "`"
結果 = `\``;

サンプルコード

const point: number = 50;

// 結果 = "残り50点です。"
const strValue: string = `残り${point}点です。`;

// 結果出力
console.log(strValue);

• 4行目: 文字列中に 変数 point を埋め込んでいます。

検証環境

• typescript 3.9.7
• Node.js v14.17.0
• Microsoft Windows 10 Pro Version 20H2 OS Build 19042.1023 Experience: Windows Feature Experience Pack 120.2212.2020.0