function({ }) 引数の中に中括弧を含める分割代入とは. /JavaScript

分割代入(Destructuring assignment) といいます。

目的は、オブジェクトの変数を必要なものだけ宣言して取得します。大きなオブジェクトの中に様々な変数が存在します。すべて取得すると煩雑ですし、メモリ利用も多くなります。必要なものだけを取得します。

分割代入利用方法

分割代入を宣言した関数

function foo({ a, b }) {
  console.log(a, b);
}

分割代入を宣言した関数を利用結果

foo({ a: 1, b: 2, c: 3 }); // 1 2

関数に変数がa,b,cと渡ってきたが、元々利用することを宣言していたa,bのみを取得している。