What is object destructuring with default values in JavaScript?

Can you explain object destructuring with default values in JavaScript?

Sure! Object destructuring allows you to extract properties from objects into variables. Default values can be assigned if the property is undefined.

Can you give me an example?

Of course! Here's an example:

const person = { name: 'Alice' };
const { name, age = 25 } = person;
console.log(name); // Alice
console.log(age); // 25

In this case, age defaults to 25 since it's not defined in the person object.

What happens if the property is explicitly set to undefined?

If the property is explicitly set to undefined, the default value will not be used. For example:

const person = { name: 'Alice', age: undefined };
const { name, age = 25 } = person;
console.log(age); // undefined

Here, age will be undefined instead of 25.