【JavaScript】文字列の中に改行やタブを含ませる

こんにちは、Ryohei（@ityryohei）です！

本記事では、JavaScriptで文字列の中に改行やタブといったエスケープシーケンスを含ませる方法をご紹介しています。

JavaScriptで文字列の中に改行やタブを入れたいんだけど、どうすればいいの？

上記の疑問にお答えしています。

では、解説していきます。

文字列の中に改行やタブを含ませる

下記は、文字列の中に改行とタブを含ませたサンプルです。

改行

let str = 'Hello\nWorld!';

console.log(str);
//実行結果

"Hello

World!"

タブ

let str = 'Hello\tWorld!';

console.log(str);
//実行結果

"Hello  World!"

実行結果を確認すると、改行とタブ、どちらも想定した文字列が出力されているかと思います。出力時に改行やタブに置き換わっている部分には「\ + 文字」の形で特殊な文字が入力されています。これはエスケープシーケンスと呼ばれるもので、予めJavaScript側で用意されている特殊な文字を表す文字列になります。

もう少し詳しくお話ししますね。

エスケープシーケンスとは

エスケープシーケンスとは、キーボードの入力では表現できない文字を「\ + 文字」の形で表せるようにした特別な文字列を指します。前項の改行やタブを出力した\nや\tがエスケープシーケンスになります。改行やタブの他にも何種類か用意されています。

エスケープシーケンス一覧

下記は、JavaScriptで利用できるエスケープシーケンスです。

\b	バックスペース
\t	水平タブ
\t	垂直タブ
\n	改行
\f	改ページ
\r	復帰
\'	シングルクォート
\"	ダブルクォート
\`	バッククォート
\\	バックスラッシュ
\0	NULL
\xXX	2桁16進数の「Latin-1」文字列
\uXXXX	4桁16進数の「Unicode」文字列
\u{XXXXX}	4桁16進数を超える「Unicode」文字列