【JavaScript】変数展開 - 文字列に変数の値を展開する

JavaScriptの変数展開をご紹介します。

変数展開

変数展開は文字列の中に変数の値を展開（挿入）することです。

基本構文

`文字列 ${変数}`

文字列全体をバッククオート（`）で囲みます。
変数は展開する位置に${変数}の形式で記述します。

サンプル

var name = "JavaScript";
console.log(`HTML ${name} CSS`);

HTML JavaScript CSS

１行目は変数nameへの文字列JavaScriptの代入です。

２行目でバッククオートと${}を使い、文字列に変数nameを展開しています。