備忘録的プログラミングリファレンス

文字列の連結について

 JavaScript における文字列の連結方法には四則計算に使用する + を使用します。

文字列の連結
const example_message = "文字列の連結には記号 + を使用します。" + " + を使用することで文字列は連結されます。"
console.log( example_message );

 上記の例は以下のように表示されます。

文字列の連結には記号 + を使用します。 + を使用することで文字列は連結されます。

 文字列に数値を連結することもできます。その場合、数値は文字列に変換されます。

文字列と数値の連結
const example_message = "文字列に数値を連結できます。例えば " + 3 + "という数値を連結しています。"
console.log( example_message );

 上記の例は以下のように表示されます。

文字列の連結には記号 + を使用します。 + を使用することで文字列は連結されます。

 上記の例は 3 という数値を連結しています。

 複数の文字列を+で連結することもできます。

ページ内 Index

変数の連結

 数値を表す Number 型といった変数を+を使用して文字列として連結することができます。

文字列の連結
let temp = 27;
const example_message = "温度は " + temp + " ℃です"
console.log( example_message );

 上記の例は以下のように表示されます。

温度は 27 ℃です

 変数による数値は自動で文字列に変換され連結されます。

 変数には日時を表す Date 型も使用できます。

日時 Date オブジェクトの連結
let today = new Date();
const example_message = "今日は " + today + " です"
console.log( example_message );

 上記の例は以下のように表示されます。

 変数は以下のように${..}を使用して文字列に含めることもできます。

変数の挿入 ${..}

 変数を文字列に含める方法にテンプレートリテラル ${..} を使う方法があります。
このテンプレートリテラルは比較的新しい方法です。

テンプレートリテラル
let temp = 27;
const example_message = "温度は ${ temp } ℃です"
console.log( example_message );

 上記の例は以下のように表示されます。

温度は 27 ℃です

 このテンプレートリテラルで記号$を使用するために文字として使用できません。
 $を文字として使用するにはエスケープ\を使用します。