What are some examples of default values in destructuring?

Can you explain default values in destructuring with some examples?

Sure! In JavaScript, when you destructure an object or array, you can assign default values. For example:

const { a = 1, b = 2 } = {};
console.log(a); // 1
console.log(b); // 2

Here, a and b get default values because the object is empty.

What if I have an array instead of an object?

Great question! For arrays, it looks like this:

const [x = 10, y = 20] = [undefined];
console.log(x); // 10
console.log(y); // 20

In this case, x takes the default value because the first element is undefined.

Can you give me a more complex example?

Absolutely! Here's a more complex example with nested destructuring:

const user = { name: 'Alice', preferences: { theme: 'dark' } };
const { name, preferences: { theme = 'light' } } = user;
console.log(name); // Alice
console.log(theme); // dark

If preferences didn't exist, theme would default to 'light'.

Thanks! This really helps clarify things.