How do I use nested destructuring in JavaScript?

How do I use nested destructuring in JavaScript?

Nested destructuring allows you to unpack values from arrays or properties from objects within objects. For example, if you have an object like const person = { name: 'Alice', address: { city: 'Wonderland', zip: '12345' } };, you can destructure it like this: const { name, address: { city } } = person;.

Can you give me another example?

Sure! If you have an array of objects, like const users = [{ id: 1, info: { name: 'Bob' } }, { id: 2, info: { name: 'Charlie' } }];, you can destructure it like this: const [{ info: { name: firstName } }] = users;.

What if I want to set default values?

You can set default values during destructuring. For example: const { name = 'Unknown', address: { city = 'Default City' } = {} } = person; will assign 'Unknown' and 'Default City' if those properties are not present.

Is nested destructuring supported in all browsers?

Yes, nested destructuring is supported in all modern browsers. However, if you need to support older browsers, consider using a transpiler like Babel.