【JavaScript】分割代入

オブジェクトのプロパティを変数に代入することができる。

main.js

let menu = {
    title: 'スパゲッティポリタン',
    cook: 'メインシェフ',
    price: 1500,
    resources: {
        pasta: '生パスタ',
        main: 'ベーコン'
    }
};
console.log(menu.title);
console.log(menu.cook);
console.log(menu.resources.pasta);
console.log(menu.resources.main);

let { title, cook, resources: { pasta, main, topping } } = menu;

console.log(title);
console.log(cook);
console.log(pasta);
console.log(main);
console.log(topping);

スパゲッティポリタン
メインシェフ
生パスタ
ベーコン

スパゲッティポリタン
メインシェフ
生パスタ
ベーコン
undefined

別の変数名に割り当てることも可能

main.js

let { title: name, cook: partner, resources: { pasta: kind, main, topping } } = menu;


console.log(name);
console.log(partner);
console.log(kind);
console.log(main);
console.log(topping);

スパゲッティポリタン
メインシェフ
生パスタ
ベーコン
undefined