What is advanced JavaScript destructuring?

Can you explain advanced JavaScript destructuring?

Sure! Advanced destructuring in JavaScript allows you to unpack values from arrays or properties from objects into distinct variables. It can be used with nested structures and default values.

What are some practical examples of using destructuring?

One practical example is when you have a function that returns an object. You can destructure the returned object directly in the function parameters. For instance, function({name, age}) { ... }.

Can you show me an example with nested objects?

Absolutely! If you have an object like const user = { id: 1, profile: { name: 'Alice', age: 25 } };, you can destructure it like this: const { profile: { name, age } } = user;.

What about default values in destructuring?

You can set default values in destructuring. For example, const { name = 'Guest' } = user; will assign 'Guest' if name is undefined.