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)