【TypeScript】文字列の中に変数を埋め込む方法を解説

今回は、TypeScriptにおける文字列の中に変数や定数を埋め込む方法を解説します。

こちらの方法を知っておくことで変数の活用の幅が広がっていくので是非知っておきましょう。

文字列の中に変数を埋め込む方法
おわりに

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

TypeScriptにおいて文字列の中に変数や定数を埋め込むには「` `（バッククォート）」と「${ }」を使用していきます。

キーボードの「Shift」を押しながらPの横の「@」マークのキーをタイプすることで「 ` 」を入力することができます。

こちらを用いた実装コードは以下です。

//定数nameを定義
const name: string = '奥野';

//文字列に変数を埋め込んだ定数strVariableを定義
const strVariable: string = `彼の名前は${name}です。`;

//定数strVariableを出力
console.log(strVariable);
//結果：彼の名前は奥野です。

このように「`${変数(定数)名}`」とすることで文字列の中に変数を埋め込むことができます。