JavaScriptにおけるテンプレートリテラルの使用方法


  1. テンプレートリテラルの基本的な使い方: テンプレートリテラルはバッククォート(`)で囲まれた文字列です。変数や式を埋め込むことができ、${}の中に記述します。例えば:
const name = 'John';
console.log(`Hello, ${name}!`);

出力: Hello, John!

  1. 複数行の文字列を表現する: 通常の文字列では改行を表現するためにエスケープ文字(\n)を使用する必要がありますが、テンプレートリテラルでは自動的に改行を認識します。例えば:
const message = `This is a
multi-line
string.`;
console.log(message);

出力: This is a multi-line string.

  1. 式の埋め込み: テンプレートリテラル内では、変数や式を埋め込んで使用することができます。例えば:
const a = 5;
const b = 10;
console.log(`The sum of ${a} and ${b} is ${a + b}.`);

出力: The sum of 5 and 10 is 15.

  1. 関数の呼び出し: テンプレートリテラル内では関数を呼び出すこともできます。例えば:
function capitalize(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
const name = 'john';
console.log(`Hello, ${capitalize(name)}!`);

出力: Hello, John!

これらはJavaScriptにおけるテンプレートリテラルの基本的な使用方法です。テンプレートリテラルは文字列操作をより簡潔かつ読みやすくするための強力なツールです。さまざまな場面で活用して、効率的なコーディングを行いましょう。