How do I handle nested objects in JavaScript?

How do I handle nested objects in JavaScript?

You can access nested objects using dot notation or bracket notation. For example, if you have an object obj with a nested object obj.nested, you can access it with obj.nested.property.

What if I want to update a property in a nested object?

To update a property, you can directly assign a new value. For instance, obj.nested.property = newValue; will change the value of property.

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

Sure! Consider this object: const data = { user: { name: 'Alice', address: { city: 'Wonderland' } } };. To access the city, you would use data.user.address.city.

How can I safely access properties that might not exist?

You can use optional chaining, like data.user?.address?.city, which will return undefined if any part of the chain is missing.