This question explores JavaScript and addresses practical considerations related to: How can I safely access nested object properties using optional chaining and provide a default value with nullish coalescing?

How can I safely access nested object properties using optional chaining and provide a default value with nullish coalescing?

Ask any question about JavaScript here... and get an instant response.

Post this Question & Answer:

How can I safely access nested object properties using optional chaining and provide a default value with nullish coalescing?

Asked on Nov 23, 2025

Answer

Previous Question Next Question

Optional chaining and nullish coalescing are modern JavaScript features that allow you to safely access nested object properties and provide default values if those properties are undefined or null.

const user = {
            profile: {
                name: "Alice",
                address: {
                    city: "Wonderland"
                }
            }
        };

        const city = user.profile?.address?.city ?? "Default City";
        console.log(city); // Outputs: Wonderland

        const country = user.profile?.address?.country ?? "Default Country";
        console.log(country); // Outputs: Default Country

Additional Comment:

The "user.profile?.address?.city" uses optional chaining to safely access the "city" property.
The "??" operator provides a default value if the accessed property is "undefined" or "null".
In the example, "city" is found, so "Wonderland" is printed. "country" is not found, so "Default Country" is printed.
This approach prevents runtime errors when accessing deep properties of an object.

✅ Answered with JavaScript best practices.

Ask any question about JavaScript here... and get an instant response.

How can I safely access nested object properties using optional chaining and provide a default value with nullish coalescing?

Asked on Nov 23, 2025

Answer

Real Questions. Clear Answers.