JavaScript で shorthand property names を使ってオブジェクトのプロパティ名を省略する

Created on

JavaScript でオブジェクトを定義する時、そのオブジェクトのプロパティの値としてそのプロパティ名と同じ名前の変数を使用するとき、shorthand property names を使うことで、そのプロパティ名を省略して書くことができる。

言葉だとややこしいが、コードで見るとわかりやすい。

次の例は、shorthand property names を使わない例。

const age = 18;
const person = {
  name: 'John',
  age: age,
};

Shorthand property names を使うと次のように書ける。

const age = 18;
const person = {
  name: 'John',
  age,
};

参考