How Can You Handle Null Values and Access Object Properties Safely in JavaScript?-JS Tutorial-php.cn

How Can You Handle Null Values and Access Object Properties Safely in JavaScript?

Elvis and Safe Navigation Operators in JavaScript

In Java, Elvis (?:) and Safe Navigation (?.) operators provide convenient ways to handle null values and access object properties safely. While JavaScript doesn't offer these exact operators, alternative approaches exist.

Elvis Operator (?:)

To achieve the functionality of the Elvis operator, you can use the logical 'OR' operator (||):

<code class="js">const displayName = user.name || "Anonymous";</code>

Copy after login

Safe Navigation Operator (?.)

JavaScript doesn't currently have an equivalent to the Safe Navigation operator. However, you can use the following pattern instead:

<code class="js">const streetName = user?.address?.street;</code>

Copy after login

If any part of the chain (e.g., user, address, street) is null, streetName will be set to null. This method avoids potential NullPointerExceptions.

Alternative Solutions

If you desire the syntax of Elvis and Safe Navigation operators, consider using CoffeeScript. It offers similar shorthand:

Existential Operator

<code class="coffee">zip = lottery.drawWinner?().address?.zipcode</code>

Copy after login

Function Shortcuts

<code class="coffee">() -> // equivalent to function(){}</code>

Copy after login

Sexy Function Calling

<code class="coffee">func 'arg1', 'arg2' // equivalent to func('arg1', 'arg2')</code>

Copy after login

While CoffeeScript syntax might be more expressive, it requires compilation or insertion as '

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

How Can You Handle Null Values and Access Object Properties Safely in JavaScript?