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, b); // Output: 1 2

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

What happens if the object has those properties?

If the object has those properties, the destructuring will use the values from the object instead of the defaults. For example:

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

In this case, a takes the value 3 from the object, while b still uses the default value 2.

Can you show an example with arrays?

Absolutely! For arrays, you can also set default values. For instance:

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

Here, x gets the value 5 from the array, while y uses the default value 20.

Are there any limitations to using default values?

Yes, one limitation is that if the value is undefined, the default value will not be used. For example:

const { a = 1 } = { a: undefined };
console.log(a); // Output: undefined

In this case, a does not take the default value because it is explicitly set to undefined.