JavaScriptの文字列クォート使い分け

JavaScriptにおけるダブルクォートとシングルクォートの使い分けについて

日本語

JavaScriptでは、文字列リテラルを表現するためにダブルクォート（"）とシングルクォート（'）のどちらを使用しても構いません。つまり、両者は互換性があります。

例

let str1 = "Hello, world!";  // ダブルクォートを使用
let str2 = 'This is a string with single quotes.';  // シングルクォートを使用

注意

• テンプレートリテラル
  多行文字列や変数の埋め込みを簡潔に表現するためにテンプレートリテラル（バッククォート）が使用されます。

  let name = "Alice";
  let greeting = `Hello, ${name}!`;
  

• ネスト
  文字列リテラル内に同じ種類のクォートを使用する場合、エスケープシーケンス（`）を使ってクォートをエスケープする必要があります。

  let str = "He said, \"Hello there!\"";
  

ダブルクォートとシングルクォートの互換性

// ダブルクォートを使用
let str1 = "Hello, world!";

// シングルクォートを使用
let str2 = 'This is a string with single quotes.';

ネストされたクォート

// ダブルクォート内にシングルクォートを使用
let str3 = "He said, 'Hello there!'";

// シングルクォート内にダブルクォートを使用
let str4 = 'She replied, "You\'re welcome."';

テンプレートリテラル

let name = "Alice";
let greeting = `Hello, ${name}!`;

解説

• テンプレートリテラル
  バッククォート（`）で囲まれた文字列はテンプレートリテラルと呼ばれ、変数の埋め込みや多行文字列の表現が簡潔にできます。
• ネスト
  文字列リテラル内に同じ種類のクォートを使用する場合、エスケープシーケンス（`）を使ってクォートをエスケープする必要があります。
• 互換性
  上記の例のように、ダブルクォートとシングルクォートは文字列リテラルの表現において自由に使い分けることができます。

JavaScriptにおける文字列クォートの代替方法

• 変数の埋め込み
  

  let name = "Alice";
  let greeting = `Hello, ${name}!`;
  

• 多行文字列
  

  let message = `This is a
  multi-line string.`;
  

エスケープシーケンス

• 特殊文字
  

  let str = "This is a \"quoted\" string.";
  

文字列連結

• 複数の文字列を結合
  

  let firstName = "John";
  let lastName = "Doe";
  let fullName = firstName + " " + lastName;
  

• 文字列連結
  複数の文字列を結合するための演算子（+）を使用します。
• エスケープシーケンス
  特殊文字（例えば、ダブルクォートや改行）を文字列内に表現するための記号です。
• テンプレートリテラル
  多行文字列や変数の埋め込みを簡潔に表現するための方法です。