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

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
Barbara Streisandoriginal
2024-11-01 13:50:03820parcourir

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>

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>

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>

Raccourcis de fonction

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

Fonction sexy Appel

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

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