Home / Note

JavaScript の分割代入（destructuring assignment）でデフォルト値を設定する

Created on

分割代入（destructuring assignment）ではデフォルト値も使える。

これを使うことでオブジェクトに該当のプロパティが存在しない場合に備えられる。アサインするオブジェクトにプロパティがある場合は、その値が適用される。

const user = {
  id: 1,
  name: 'Sam',
};
 
const { name, isAdmin = false } = user;
console.log(isAdmin); // false

次の例は、デフォルト値を設定しているが、オブジェクトに該当のプロパティがある場合。

const user = {
  id: 1,
  name: 'Sam',
  isAdmin: true,
};
 
const { name, isAdmin = false } = user;
console.log(isAdmin); // true

参考