【JavaScript】変数展開 - 文字列に変数の値を差し込む

JavaScriptの変数展開について解説します。

検証環境

JavaScript -

macOS

14.1

変数展開

変数展開は“文字列の中に変数の値を差し込む処理”です。

`文字列 ${変数}`

バッククォート（`）で文字列を括り、変数は差し込む位置に${変数}の形式で記述します。

sample.js

let name = "JavaScript";

let text = `HTML ${name} CSS`;

___ih_hl_start
console.log(text);
___ih_hl_end

Console

HTML JavaScript CSS

３行目の`HTML ${name} CSS`の部分が変数展開です。

バッククォートで括った文字列の内容には通常の文字を含むことが可能で、任意の位置に変数の値を展開できます。

実行結果から変数nameの値（"JavaScript"）が差し込まれていることが分かります。