[JavaScript]文字列の中に変数を含めるには

初めに

簡単にアウトプットさせてもらいます

文字列の中に変数を含める方法

JavaScriptでは2つの方法があります

1. +を用いてそれぞれの値を連結させる
2. テンプレートリテラルを使用する

テンプレートリテラル

テンプレートリテラルは、JavaScriptの構文です。

バッククォートで囲むことで、文字列内に挿入することができます。

テンプレートリテラル使用、使用しない比較

テンプレートリテラルを使用しない場合

コンソール

const muscle1 = "背中"
const muscle2 = "二頭筋"

const workout = "今日のトレーニングは" + muscle1　+ "と" + muscle2 + "です！"
console.log(workout)

#実行結果
#今日のトレーニングは背中と二頭筋です！

テンプレートリテラルを使用した時

コンソール

const muscle1 = "背中"
const muscle2 = "二頭筋"

const workout = `今日のトレーニングは${muscle1}と${muscle2}です！`
console.log(workout)

#実行結果
#今日のトレーニングは背中と二頭筋です！

どちらも同じ結果になることが確認できました

まとめ

テンプレートリテラルを用いることで、記述量が少なくなったので、テンプレートリテラルを積極的に使用するようにしましょう。