【JavaScript】改行をエスケープせずに文字列として扱う方法

JavaScriptで文字列に改行を含める際には、通常は\nを使用してエスケープしますが、バッククォート(`)を使ったテンプレート文字列を使うことで、エスケープをせずに改行を含む文字列を簡単に作成することができます。
特にHTMLテンプレートの生成や複数行のメッセージ表示など、改行を含む文字列が必要な場面で活用できます。
この記事では、この方法について紹介します。

テンプレート文字列を使用した改行の扱い

JavaScriptでは、バッククォートを使用したテンプレート文字列を使うことで、文字列中に改行をそのまま含めることができます。以下に例を示します。

const stringWithNewLine = `This is
a string
with multiple
lines`;

console.log(stringWithNewLine);

この方法を使うことで、改行文字をエスケープせずに文字列に含めることができます。コードがシンプルで読みやすくなります。

まとめ

JavaScriptで改行を含む文字列を扱う際には、バッククォートを使ったテンプレート文字列を活用することが便利です。エスケープの手間が省け、可読性が向上します。