- テンプレート文字列の基本的な構文: テンプレート文字列はバッククォート（`）で囲まれます。変数や式を埋め込むために、${}の中に該当するコードを記述します。以下は基本的な構文の例です:
const name = 'John';
const age = 30;
const message = `My name is ${name} and I'm ${age} years old.`;-
変数の埋め込み: テンプレート文字列では、変数を簡単に埋め込むことができます。例えば、上記のコードではnameとageの値が埋め込まれ、messageに代入されています。
-
式の埋め込み: テンプレート文字列では、式を埋め込むこともできます。埋め込みたい式を${}で囲み、その結果が文字列に組み込まれます。例えば:
const a = 10;
const b = 5;
const result = `The sum of ${a} and ${b} is ${a + b}.`;- 複数行の文字列: 通常の文字列では複数行のテキストを表現するために改行文字を挿入する必要がありますが、テンプレート文字列ではバッククォート内で改行を含めることができます。例えば:
const multiline = `This is a
multiline
string.`;- 文字列の操作: テンプレート文字列では、文字列の操作を簡単に行うことができます。例えば、文字列の長さを取得するためには.lengthプロパティを使用したり、文字列を大文字や小文字に変換するためには.toUpperCase()や.toLowerCase()メソッドを使用したりすることができます。
これらはテンプレート文字列の基本的な使用方法ですが、実際にはさらに多くの応用があります。テンプレート文字列は可読性を向上させ、コードの保守性を高めるための強力なツールです。ぜひ、これらの機能を活用して効果的な文字列操作を行ってください。