3.5Objects / Grouped Shorthand

省略記法のプロパティをまとめる

省略記法のプロパティは、オブジェクト宣言の先頭にまとめます。どのプロパティが省略記法を使っているか分かりやすくなります。

このルールは、コードの視覚的な整理に関するものです。省略されたプロパティと、キーと値が明示されたプロパティを分けることで、オブジェクトの構造が一目で把握しやすくなります。コードを読む人が「このオブジェクトはどの変数から構成されているか」を素早く理解する手助けになります。

❌ Bad

const anakinSkywalker = 'Anakin Skywalker';
const lukeSkywalker = 'Luke Skywalker';

// bad
const obj = {
  episodeOne: 1,
  twoJediWalkIntoACantina: 2,
  lukeSkywalker,
  episodeThree: 3,
  mayTheFourth: 4,
  anakinSkywalker,
};

✅ Good

const anakinSkywalker = 'Anakin Skywalker';
const lukeSkywalker = 'Luke Skywalker';

// good
const obj = {
  lukeSkywalker,
  anakinSkywalker,
  episodeOne: 1,
  twoJediWalkIntoACantina: 2,
  episodeThree: 3,
  mayTheFourth: 4,
};