【JavaScript】改行を\nを使用せずに挿入する方法

JavaScriptで文字列を改行する際には、通常は\nを使用しますが、これを使わずに改行を挿入する方法があります。
この記事では、バッククォート（`）を使用したテンプレート文字列を利用して、JavaScriptで改行を挿入する方法を紹介します。
HTMLテンプレートを動的に生成する場合などで役立ちます。

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

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

const multiLineString = `This is a
multi-line
string`;

console.log(multiLineString);

この方法を使用することで、\nを使用せずに改行を含む文字列を簡単に作成することができます。

事例: HTMLテンプレートの生成

この方法は、HTMLテンプレートを動的に生成する場合などで役立ちます。例えば、次のようなHTMLテンプレートを生成する場合、テンプレート文字列を使用して改行を挿入することができます。

const htmlTemplate = `
<div class="container">
    <h1>Title</h1>
    <p>Content goes here.</p>
</div>
`;

document.body.innerHTML = htmlTemplate;

このようにすることで、コードがより読みやすくなり、HTMLテンプレートを動的に生成する際に便利です。

まとめ

JavaScriptで改行を挿入する際には、バッククォートを使用したテンプレート文字列を利用する方法があります。この方法を使うことで、\nを使用せずに改行を含む文字列を簡単に作成することができます。特に、HTMLテンプレートの生成などの場面で役立ちます。