简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

Comment pouvez-vous gérer les valeurs nulles et accéder aux propriétés des objets en toute sécurité en JavaScript ?

Barbara Streisand
Libérer： 2024-11-01 13:50:03
original
819 Les gens l'ont consulté

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

Elvis et les opérateurs de navigation sécurisée en JavaScript

En Java, les opérateurs Elvis (?:) et Safe Navigation (?.) offrent des moyens pratiques pour gérer les valeurs nulles et accéder aux propriétés des objets en toute sécurité. Bien que JavaScript n'offre pas ces opérateurs exacts, des approches alternatives existent.

Opérateur Elvis (?:)

Pour obtenir la fonctionnalité de l'opérateur Elvis, vous pouvez utiliser l'opérateur logique 'OU' (||) :

<code class="js">const displayName = user.name || "Anonymous";</code>
Copier après la connexion

Opérateur de navigation sécurisé (?.)

JavaScript n'a actuellement pas d'équivalent à l'opérateur Safe Opérateur de navigation. Cependant, vous pouvez utiliser le modèle suivant à la place :

<code class="js">const streetName = user?.address?.street;</code>
Copier après la connexion

Si une partie de la chaîne (par exemple, utilisateur, adresse, rue) est nulle, streetName sera défini sur null. Cette méthode évite les NullPointerExceptions potentielles.

Solutions alternatives

Si vous désirez la syntaxe des opérateurs Elvis et Safe Navigation, envisagez d'utiliser CoffeeScript. Il propose un raccourci similaire :

Opérateur existentiel

<code class="coffee">zip = lottery.drawWinner?().address?.zipcode</code>
Copier après la connexion

Raccourcis de fonction

<code class="coffee">() -> // equivalent to function(){}</code>
Copier après la connexion

Fonction sexy Appel

<code class="coffee">func 'arg1', 'arg2' // equivalent to func('arg1', 'arg2')</code>
Copier après la connexion

Bien que la syntaxe CoffeeScript puisse être plus expressive, elle nécessite une compilation ou une insertion sous la forme '

Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！