JavaScriptでは、文字列を変数に割り当て、連結を使用して変数を別の文字列に結合できます。

文字列を連結するには、接続する文字列または文字列変数の間にプラス記号+を追加します。

let myPet = 'seahorse';
console.log('My favorite animal is the ' + myPet + '.');
// My favorite animal is the seahorse.

上記では、変数myPetを作成し、それを割り当てました"seahorse”。 “My favorite animal is the”(最後にスペースを含む)、変数、およびピリオドです。, 結果は"My favorite animal is the seahorse.”

一重引quoteまたは二重引用符を使用しても、開始引quotesと終了引quotesが同じである限り問題ありません。 あなたが”I’m”のようなアポストロフィを持つ単語を使用している場合、それは重要です。 エスケープ文字を使用する代わりに二重引用符を使用する方が簡単になります。

数字と文字列を連結するときに注意すべきもう一つのことです。 数値と文字列を連結すると、その数値は文字列になります。

let myAge = 85;
console.log("I am " + myAge + " years old.");
// I am 85 years old.

変数を文字列に含める別の方法は、文字列補間によるものです。, JavaScriptでは、テンプレートリテラルを使用して変数を文字列に挿入または補間できます。 最初の例を使用したテンプレートリテラルの例を次に示します。

let myPet = 'seahorse';
console.log(`My favorite animal is the ${myPet}.`);

テンプレートリテラルはバッククィックで囲まれています。 通常どおり文字列を記述しますが、文字列に含める変数については、${variableName}ように変数を記述します。 上記の例では、出力は連結を使用する前の例と同じになります。 違いは、補間の例がはるかに読みやすいことです。