How do I use object destructuring with nested objects in JavaScript?

Can you explain how to use object destructuring with nested objects in JavaScript?

Sure! Object destructuring allows you to unpack values from objects into distinct variables. For nested objects, you can destructure them by specifying the path to the properties you want.

Can you give me an example?

Of course! If you have an object like this: const user = { name: 'Alice', address: { city: 'Wonderland', zip: '12345' } };, you can destructure it like this: const { name, address: { city } } = user;.

What if I want to set default values?

You can set default values by using the equals sign. For example: const { name, address: { city = 'Unknown' } } = user; will set city to 'Unknown' if it doesn't exist.

Thanks! This is really helpful.

You're welcome! If you have any more questions about JavaScript, feel free to ask!