JavaScriptの文字リテラルを'（シングルコーテーション）にするか"（ダブルコーテーション）にするか

Question

JavaScriptでは文字リテラルを'（シングルコーテーション）でも"（ダブルコーテーション）でも囲うことが出来ますが、どちらかで統一するとした場合、どちらで統一するのがベターなのでしょうか？

何か勧告のようなものとか、どこかで推奨されているとか、誰かが提唱しているとかがありますでしょうか。
もしくはそういうのが無い場合でも、実際の現場ではどう運用されているのか知りたいです。

よろしくお願いします。

Answer 1

どっちでもいいというのが、答えだとは思います。

stack overflowでも似たような質問があるようで、大変なことになってるようです。
When to use double or single quotes in JavaScript?

私は英語が分かりませんが、なんとなく見ているとJSONを使う場合は、" でないといけないというようなことは書いてありますね。

私個人の考え(どうでもいい)で書くと、

• Javaでは、"が、文字列 'が文字という扱いがある。
• Visual Basicでは、"しか使えない。
• "は、左手だけで入力できる。

というような理由で ダブルクオーテーションを優先して使います。

Comments

[benzo]

確かにJSONの事を考えるとシングルコーテーションを使えば
'{ "key":"value" }'
とエスケープ無しで書けるんですよねぇ。
参考になりました。ありがとうございます。

Answer 2

他の言語だと「変数の展開が"だとできる、'だと出来ない」といった使い分けがあるので「使い方による」といえるのですが、JavaScriptだとその違いすらないので度々この話題は戦争になります。

結論から言うとどっちでも良いです。本当にどっちでも良いです。
方向性としては統一しておけば見栄えが良いよね、ぐらいです。

例えばJavaScriptで使用しているフレームワークが"で統一されていれば"で統一すればいいでしょう。
既に走り始めているプロジェクトで統一されているのであればそちらに従えばいいでしょう。

ちなみにES2015からテンプレートリテラルを用いて変数展開ができるようになりました。
これから利用頻度が上がっていくかもしれませんね。

Comments

[benzo]

あーこれは戦争になる類の話なのですね。
あまり深く考えないようにしておこうと思います。
ありがとうございます。

Answer 3

個人的にはシングルクォーテーションの方が「シンプルですっきりしている」と思うので愛用しています。
ですが、基本とされるのはダブルの方だと思います。
しかし、だからこそ、JS内に埋め込むHTMLでダブルをエスケープ無しで使えるようにするため、
JSの方はシングルにするという論もよく聞きます。
しかし、最近はHTMLを埋め込むようなコードは減りましたし、それこそテンプレートリテラルもあります。
また、JSONとの整合性は悩ましいものです。
それでも私はシングルを見た目の点で当分愛用し続けると思います。

Answer 4

ここ↓でもわずかに言及されてますね。
Google JavaScript Style Guide 和訳
ご参考までに。