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

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

Published Feb 11, 2025

⋅

Updated Mar 12, 2025

分割代入（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

参考