What are the differences between optional chaining and ternary operators?

Can you explain the difference between optional chaining and ternary operators in JavaScript?

Sure! Optional chaining allows you to safely access deeply nested properties without having to check each level for null or undefined. Ternary operators, on the other hand, are a shorthand for if-else statements, allowing you to return one of two values based on a condition.

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

Absolutely! If you have an object user and you want to access user.address.city, you can use optional chaining like this: user?.address?.city. This will return undefined if user or address is null or undefined, instead of throwing an error.

And how would a ternary operator look in this context?

In this case, you could use a ternary operator to check if user.address exists before accessing city: user.address ? user.address.city : 'City not available'. This will return 'City not available' if address is null or undefined.

So, optional chaining is safer and cleaner for accessing properties?

Exactly! Optional chaining is more concise and reduces the need for multiple checks, making your code cleaner.