DEV Community

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

Posted on

1

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.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay