How do I update nested properties in a JavaScript object?

How do I update nested properties in a JavaScript object?

You can update nested properties using dot notation or bracket notation. For example, if you have an object like obj = { a: { b: 1 } }, you can update it with obj.a.b = 2;.

What if the nested property doesn't exist yet?

If the nested property doesn't exist, you can create it. For example, obj.a.c = 3; will add a new property c under a.

Is there a way to update multiple nested properties at once?

Yes, you can use the spread operator or Object.assign(). For example: obj = { ...obj, a: { ...obj.a, b: 2, c: 3 } };.

Can you show me an example with a more complex object?

Sure! For an object like obj = { user: { name: 'Alice', address: { city: 'Wonderland' } } }, you can update the city with obj.user.address.city = 'New Wonderland';.