How do I destructure nested objects in JavaScript?

How do I destructure nested objects in JavaScript?

You can destructure nested objects by using curly braces for each level. For example, if you have an object like this: const obj = { a: { b: 1 } };, you can destructure it like this: const { a: { b } } = obj;.

Can you give me another example with more levels?

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

What if I want to set default values?

You can set default values during destructuring. For example: const { user: { name = 'Unknown', age = 0 } } = data; will set 'Unknown' if name is not provided.

Is there a way to destructure arrays within objects?

Yes! You can destructure arrays within objects too. For example: const obj = { arr: [1, 2, 3] }; const { arr: [first, second] } = obj; will give you first = 1 and second = 2.