Follow

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

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

Jean-RĂ©my Duboc's photo
Jean-RĂ©my Duboc
·Oct 18, 2022·

1 min read

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 :

pizza-object.png

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

chaining-fail.png

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 :

chaining-success.png

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

chaining-success-2.png

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.

 
Share this