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

文字列の連結について

 JavaScript における文字列の連結方法は基本的に + を使用します。

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

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

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

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

 数値は、${..}によって文字列中に挿入することもできます。詳しくは以下の変数の挿入 ${..}を参照してください。

ページ内 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 ℃です

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