テンプレートリテラル

テンプレートリテラルとは

文字列や定数の連結には「＋」記号を使うが、ES6では、それ以外の方法として「テンプレートリテラル」という連結方法が使える。

const name = "hiro60";
console.log(`こんにちは、${name}さん`);

こんにちは、hiro60さん

テンプレートリテラルの書き方

文字列の中で「${定数}」とすることで、文字列の中に定数や変数を含めることができる。

このとき、文字列全体を「 ` （バッククォーテーション）」で囲む必要がある。
※キーボードの「Shitキー + @」 // JISキー配列の場合

const name = "hiro60";
console.log(`こんにちは、${name}さん`);

また、以下のコードのように複数の変数や定数を埋め込むことも可能。

const name = "伊代";
const age = 16;
console.log(`${name}はまだ${age}歳です`);

伊代はまだ16歳です