3.6Objects / Quoted Props

プロパティのクォート

不正な識別子となるプロパティのみをクォートで囲みます。可読性が向上し、多くのJSエンジンで最適化されやすくなります。

JavaScriptのプロパティ名は、有効な識別子(変数名として使える名前)であればクォートは不要です。ハイフンを含む `data-blah` や、予約語などはクォートが必要です。不要なクォートを省略することで、コードがクリーンになり、シンタックスハイライトも適切に機能します。

❌ Bad
// bad
const bad = {
  'foo': 3,
  'bar': 4,
  'data-blah': 5,
};
✅ Good
// good
const good = {
  foo: 3,
  bar: 4,
  'data-blah': 5,
};