How can I handle undefined nested properties in JavaScript?

How can I handle undefined nested properties in JavaScript?

You can use optional chaining (?.) to safely access nested properties without throwing an error if a property is undefined.

Can you give me an example of how to use optional chaining?

Sure! If you have an object like const obj = { a: { b: { c: 1 } } };, you can access obj.a.b.c safely with obj.a?.b?.c.

What if the property doesn't exist at all?

If the property doesn't exist, optional chaining will return undefined instead of throwing an error, making your code safer.

Are there any alternatives to optional chaining?

Yes, you can use the logical AND operator (&&) to check each level, but it's less concise than optional chaining.