DEV Community

Cover image for Le chainage optionel en JavaScript, expliquĂ© avec des pizzas🍕
Jean-RĂ©my Duboc
Jean-RĂ©my Duboc

Posted on

Le chainage optionel en JavaScript, expliquĂ© avec des pizzas🍕

Lorsque vous souhaitez explorer un objet dans JS, vous devrez peut-ĂȘtre aller en profondeur, et "chaĂźner" plusieurs propriĂ©tĂ©s d'objet.
Si vous regardez un objet délicieux comme celui-ci par exemple :

Un objet JS décrivant une pizza

Vous voudrez peut-ĂȘtre essayer d'obtenir les garnitures pour une pizza barbecue inexistante🍕, mais vous obtiendrez une erreur :

Si on Ă©crit pizzaOptions.barbecue.toppings, on a une erreur

En utilisant le chaßnage facultatif, vous pouvez essentiellement indiquer à JS ou à TypeScript : cherche les garnitures sur cette pizza, mais renvoie simplement undefined si la pizza en question n'existe pas :

Si on Ă©crit pizzaOptions.barbecue?.toppings, JS renvoie juste undefined

Si une valeur existe pour la pizza désirée, elle sera renvoyée normalement :

Si on Ă©crit pizzaOptions.margarita?.toppings, JS renvoie les garnitures correct

VoilĂ ! Le chaĂźnage facultatif est trĂšs utile lorsque vous n'ĂȘtes pas sĂ»r de ce que vous avez dans vos objets de donnĂ©es, et que cela ne vous dĂ©range pas vraiment s'il n'y a rien.

Consultez la documentation sur MDN pour plus d'informations.

Top comments (0)