JavaScriptで文字列に改行を含める際には、通常は\nを使用してエスケープしますが、バッククォート(`)を使ったテンプレート文字列を使うことで、エスケープをせずに改行を含む文字列を簡単に作成することができます。
特にHTMLテンプレートの生成や複数行のメッセージ表示など、改行を含む文字列が必要な場面で活用できます。
この記事では、この方法について紹介します。
テンプレート文字列を使用した改行の扱い
JavaScriptでは、バッククォートを使用したテンプレート文字列を使うことで、文字列中に改行をそのまま含めることができます。以下に例を示します。
const stringWithNewLine = `This is
a string
with multiple
lines`;
console.log(stringWithNewLine);
この方法を使うことで、改行文字をエスケープせずに文字列に含めることができます。コードがシンプルで読みやすくなります。
まとめ
JavaScriptで改行を含む文字列を扱う際には、バッククォートを使ったテンプレート文字列を活用することが便利です。エスケープの手間が省け、可読性が向上します。