🔰nested destructuring

JS ⟩ operator ⟩ assignment ⟩ destructuring ⟩ nested

💾 程式

💾 程式：replit

let opts = {
    size : {width: 100, height: 200},    // object in object
    items: ["Cake", "Donut"],            // array in object
    extra: true
};

// ⭐ nested destructuring
let {
  size : {width, height},
  items: [a, b],
  title = "Menu"                         // default value
} = opts;
// width=100, height=200, a="Cake", b="Donut", title="Menu"

📗 參考

• JS.info ⟩ nested destructuring

• Ronald Chen ⟩ Destructuring Nested Objects

• Jay Cruz ⟩ How to Destructure Nested JavaScript Objects

👥 相關

• destructuring array

• object destructuring

⬇️ 應用

• app.makeTable()

🗣 討論

• ES6 deep nested object destructuring