What are some examples of nested destructuring in JavaScript?

What are some examples of 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 this: const person = { name: 'Alice', address: { city: 'Wonderland', zip: '12345' } };, you can use nested destructuring like this: const { name, address: { city } } = person;.

Can you show me another example with arrays?

Sure! If you have an array like this: const colors = [['red', 'green'], ['blue', 'yellow']];, you can destructure it like this: const [[firstColor], [secondColor]] = colors; which will give you firstColor as 'red' and secondColor as 'blue'.

What about using default values in nested destructuring?

Great question! You can set default values in nested destructuring. For example: const { name, address: { city = 'Unknown' } } = person; If city is not defined in the address, it will default to 'Unknown'.

Are there any common mistakes to avoid?

Yes, a common mistake is trying to destructure properties that don't exist, which can lead to undefined values. Always ensure the structure matches the object you're destructuring.