More than 5 years have passed since last update.

JavaScript Objectの省略記法について

Posted at 2019-09-14

###オブジェクトを簡潔に書く

JavaScript(ECMAScript2015以降)のオブジェクトは値とキーが一致しているときは簡潔に書くことができます。

例えばreduxのaction creatorを書くときは以下のような書き方をします。

let nextTodoId = 0;
export const addTodo = text => ({
  type: ADD_TODO,
  id: nextTodoId++,
  text
});

注目して欲しいのは最後のtextの部分なのですが、キーがありません。

上記はショートハンドを使わなければ以下のように書くことになります。

let nextTodoId = 0;
export const addTodo = text => ({
  type: ADD_TODO,
  id: nextTodoId++,
  text: text
});

以上です。