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