Nested Destructuring

Destructure arbitrarily deep structures in one assignment. Guard against undefined with default empty objects/arrays.

Example

const { a: { b: { c } } } = { a: { b: { c: 42 } } };
// c = 42
// Safe nested with defaults
const { data: { user: { name = "anon" } = {} } = {} } = response;
// Mixed array + object
const [{ id, title }, ...others] = articles;

JAVASCRIPT

Full Editor

Pro Tip

Deep destructuring is powerful but can hurt readability — consider intermediate variables for clarity.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned