JavaScript での一重引用符と二重引用符

Muhammad Muzammil Hussain 2023年10月12日
  1. JavaScript での一重引用符と二重引用符
  2. JavaScript で一重引用符を使用して文字をエスケープする
  3. JavaScript で二重引用符を使用して文字をエスケープする
JavaScript での一重引用符と二重引用符

この記事は、JavaScript ソースコードの単一引用符と二重引用符についてです。JavaScript プログラミングにおけるこれらの引用符の使用法と利点を見てみましょう。

JavaScript での一重引用符と二重引用符

文字列リテラルを作成し、文字列を初期化または表現するために、プログラマーは JavaScript で一重引用符と二重引用符を頻繁に使用します。

'hello world' === 'hello world'  // both are same

単一の標準を定義し、それに固執する必要があります。1つの JavaScript ファイルで 1つのタイプを使用し、別のファイルで別のタイプを使用しないでください。

文字列を開くために使用した引用符のタイプに関係なく、同じタイプで文字列を閉じる必要があることに注意することが重要です。

'hello world'  // correct
'hello world'  // correct
'hello world\' // incorrec'

JavaScript では、1 文字のタイプはありません。プログラマーが定義する文字列は常にあります。

文字列から特定の文字をエスケープする必要がある場合は、両方の引用符の使用方法が異なります。

各引用符タイプは、それ自体を囲む引用符タイプをエスケープする必要があります。たとえば、文字列が'hello world'のように一重引用符で囲まれている場合、文字をエスケープするにはバックスラッシュ(/)付きの一重引用符を使用する必要があります。また、文字列が"hello world"のように二重引用符で囲まれている場合は、バックスラッシュ/を使用して二重引用符を使用する必要があります。

JavaScript で一重引用符を使用して文字をエスケープする

単一引用符タイプを使用して文字列を定義した場合、単一引用符を使用してエスケープする必要があります。ここでエスケープするために二重引用符は必要ありません。

例:

<script>
    const website = 'We will visit \'delftstack\' website for learning.';
    const intro = 'Hello, I am a "Learner"';
    document.write(website + "<br>");
    document.write(intro)
</script>

出力:

We will visit 'delftstack' website for learning.
Hello, I am a "Learner"

JavaScript で二重引用符を使用して文字をエスケープする

二重引用符タイプを使用して文字列を定義する場合は、二重引用符を使用してエスケープする必要があります。ここで一重引用符をエスケープする必要はありません。

例:

<script>
    const website = "We will visit \"delftstack\" website for learning."
    const intro = "Hello, I am a 'Learner'"
    document.write(website+"<br>")
    document.write(intro)
</script>

出力:

We will visit "delftstack" website for learning.
Hello, I am a 'Learner'

関連記事 - JavaScript String