JavaScript エスケープシーケンスのサンプル

JavaScriptのエスケープシーケンスのサンプルです。

文字	エスケープシーケンス
	バックコーテションで改行を反映する

エスケープシーケンス

\文字

エスケープシーケンスは、指定した文字に特殊な意味を持たせます。
特殊な意味を持たせたい文字の前に円記号(バックスラッシュ)を付けます。
バックスラッシュ(円記号)の文字コードは、shift-jisでは0x5C、UnicodeではU+005Cです。
以下の場合は、エスケープシーケンスは不要です。
→文字列をダブルコーテーションで括った場合で、シングルコーテーションを入力する
→文字列をシングルコーテーションで括った場合で、ダブルコーテーションを入力する

エスケープシーケンスの一覧です。

文字	説明
\'	シングルコーテーションを文字として表示する
\"	ダブルコーテーションを文字として表示する
\t	タブを表示する
\v	垂直タブ
\¥	円記号(バックスラッシュ)を表示する
\0	ヌル文字
\n	改行 (LF)する
\r	復帰 (CR)
\b	バックスペース
\f	改ページ
\XXX	ASCII文字を表示する XXXは3桁の8進数です。\101はAと表示されます。
\xXX	ASCII文字を表示する XXは2桁の16進数です。\x41はAと表示されます。
\uXXXX	Unicode文字を表示する xxxxは4桁の16進数です。\u0041はAと表示されます。サロゲートペアの文字では2つになります。サロゲートペアの文字の「????」は、\ud842\udfb7です。
\u{XXXXX}	Unicodeコードポイントのエスケープです。 \u{0041}はAと表示されます。サロゲートペアの文字の「????」は、\u{20bb7}です。

エスケープシーケンスのサンプルです。

<script>

console.log('あいう\'えお'); // あいう'えお

console.log("あいう\"えお"); // あいう"えお


console.log("あいう'えお"); // あいう'えお

console.log('あいう"えお'); // あいう"えお

</script>

3行目はシングルコーテーションを、5行目はダブルコーテーションをエスケープしています。
文字列の開始と終了の機能ではなく、文字として表示しています。
8,10行目はエスケープシーケンスを使用しない例です。
8行目は、ダブルコーテーションで括った中にシングルコーテーションがあります。
10行目は、シングルコーテーションで括った中にダブルコーテーションがあります。

以下はMDNの文法とデータ型のリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_Types

バックコーテションで改行を反映する

バックコーテションで改行を反映するサンプルです。

<script>

console.log("あ\nい\nう");

console.log(
`あ
い
う
`);

</script>

3行目は、エスケープシーケンスによる改行です。
6,9行目は、バックコーテションで文字列を括っています。

2つとも以下のように文字が改行されて表示されます。
あ
い
う
バックコーテションは、shiftを押しながら@を押すと入力できます。
ES2015で可能になりました。ただし、IE11には対応していません。

以下は、MDNの複数行文字列のリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings#%E8%A4%87%E6%95%B0%E8%A1%8C%E6%96%87%E5%AD%97%E5%88%97