テンプレートリテラル
CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 3/65。
テンプレートリテラルは、バッククォート `` を使用して文字列を作成し、${} を使って式を挿入することができます。 例えば、挨拶文を作成する際、名前やその他のデータをテンプレートリテラル内に直接動的に埋め込むことができます。
例:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// 文字列の中に userName を挿入しますテンプレートリテラルは、 \n エスケープ文字を必要とせずに、マルチライン文字列（複数行の文字列）もサポートしています。単にEnterキーを押して改行するだけで、出力でもその改行が保持されます。どちらの方法も機能します：
// \n を使用
const message1 = `Line 1\nLine 2`;
// 実際の改行を使用
const message2 = `Line 1
Line 2`;どちらも同じ結果になります
チャレンジ
簡単greetAll という名前の関数を作成してください。この関数は名前の配列を受け取り、1つの文字列を返します。配列内の各名前は、Hello, <Name>! という形式の行を生成し、それらを改行で区切って1つの文字列に結合する必要があります。挨拶の行にはテンプレートリテラルを使用してください。
チートシート
テンプレートリテラルは、バッククォート `` を使用して文字列を作成し、${} を使って式を挿入することができます。
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// 文字列の中に userName を挿入しますテンプレートリテラルは、\n エスケープ文字を必要とせずに複数行の文字列をサポートします。
// \n を使用する場合
const message1 = `Line 1\nLine 2`;
// 実際の改行を使用する場合
const message2 = `Line 1
Line 2`;
// どちらも同じ結果になります自分で試してみよう
function greetAll(names) {
// ここにコードを書いてください
}
// 関数の外には何も書かないでください
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
