JavaScriptで改行を含む文字列を見た目のまま扱う

JavaScript

JavaScriptで改行を含む文字列をそのままで扱う方法を紹介します。
他のプログラムで言うヒアドキュメントのような方法です。

方法はいくつかあります。

  • ①クォートで囲まれた通常の文字列内でバックスラッシュして改行
  • ②+で連結する
  • ③function() {/* */}.toString()
  • ④バックスラッシュで囲んだテンプレートリテラル

一番おすすめで紹介するのは④のテンプレートリテラルです。
文字列内に埋め込み変数も使えます。

この方法はIEなどの古いブラウザには対応してないこともあるのですが、もはや2015年に制定されたものなので十分でしょう。

テンプレートリテラルのコードサンプル

var num = 123;
var str = `あいうえお
かきくけこ
さしすせそ
${num}
`;
console.log(str);
出力結果

あいうえお
かきくけこ
さしすせそ
123

コメント

タイトルとURLをコピーしました