How do I use default values in destructuring?

Can you explain how to use default values in destructuring?

Sure! In JavaScript, you can assign default values to variables when destructuring objects or arrays. For example, if you have an object like { a: 1 }, you can destructure it with a default value like this: const { a, b = 2 } = obj; Here, b will be 2 if it doesn't exist in the object.

What happens if the property exists but is undefined?

If the property exists but is explicitly set to undefined, the default value will not be used. For instance, if you have const { a, b = 2 } = { a: 1, b: undefined };, b will be undefined, not 2.

Can I use default values with array destructuring too?

Yes, absolutely! For arrays, you can do something like const [x = 1, y = 2] = [10]; Here, x will be 10 and y will be 2 because it wasn't provided in the array.

Are there any limitations to using default values?

One limitation is that default values only apply when the variable is undefined. If the variable is null, it will not use the default value.