以下に、シンプルで簡単な方法といくつかのコード例を紹介します。
- バックスラッシュ（\）を使用して行を分割する方法:
const longLine = `This is a long template literal line \
that I want to split into multiple lines \
without creating a new line in the string.`;
console.log(longLine);この方法では、バックスラッシュを使用して行を継続させることができます。文字列内で改行文字が挿入されずに、複数行に分割されます。
- テンプレートリテラル内での改行の無視:
const longLine = `This is a long template literal line
that I want to split into multiple lines
without creating a new line in the string.`;
console.log(longLine);この方法では、テンプレートリテラル内で直接改行を挿入することができます。改行文字は文字列として保持されずに無視されます。
これらの方法を使用することで、長いテンプレートリテラル行を複数行に分割することができます。これにより、コードの可読性が向上し、長い行がスクロールされる必要がなくなります。
以上が、JavaScriptでテンプレートリテラルの行を複数行に分割する方法です。