JavaScriptの省略記法がわかりません

Question

Material UIのサンプルをみていて以下のような記述がありました（簡略化しています）。

https://material-ui.com/components/tables/#table

function createData(name, age) {
  return {
    name,
    age,
    history: [
      { date: '2020-01-05', customerId: '11091700', amount: 3 },
      { date: '2020-01-02', customerId: 'Anonymous', amount: 1 },
    ],
  };
}

実行すると以下のように連想配列を返してきます。

createData("YAMADA",12) 
//上の場合、返り値は以下となります。

{name: "YAMADA",age: 12,history: [{date: ...},{date: ...}]}

上は、以下のもののキーを省略した形だと思うのですが、

function createData(name, age) {
  return {
    name: name,
    age: age,
    history: [
      { date: '2020-01-05', customerId: '11091700', amount: 3 },
      { date: '2020-01-02', customerId: 'Anonymous', amount: 1 },
    ],
  };
}

この記述はスプレッド構文に基づいて省略しているのか、あるいは他のなにかなのか、どうもわかりません。
このような省略は公式ページに記載がありますでしょうか。

よろしくお願いいたします。

Answer 1

ショートハンドプロパティですね

オブジェクト指定時に変数を渡すと、変数をキー名とすることができる仕組みです

• オブジェクト初期化子 - JavaScript | MDN

Comments

[orori]

ショートハンドプロパティというのですね・・・
大変たすかりました。
両回答ともベストにしたいのですが、先にいただいたという理由で下のかたとさせていただきました。

ありがとうございました！

Answer 2

ES2015で入った省略記法なので
https://chaika.hatenablog.com/entry/2019/03/27/133000

この辺読み込めば書いてあるとは思います。
ECMAScript® 2015 Language Specification

Comments

[orori]

省略の名称もわからず検索にもひっかからず・・・
わかりやすいブログも、大変に助かりました。
ありがとうございました！