Can I use destructuring with default values?

Can I use destructuring with default values in JavaScript?

Yes, you can use destructuring with default values in JavaScript. For example, if you have an object like { a: 1 }, you can destructure it with a default value for b like this: const { a, b = 2 } = obj;.

What happens if the property is undefined?

If the property is undefined, the default value will be used. In the previous example, if obj is { a: 1, b: undefined }, then b will still be 2.

Can I use this with arrays too?

Absolutely! You can use destructuring with default values for arrays as well. For example: const [x = 10, y = 20] = [5]; will set x to 5 and y to 20.

Are there any limitations I should be aware of?

One limitation is that default values only apply when the value is undefined. If the property is present but has a value of null, the default will not be used.