Opérateur de points d'interdiction JavaScript
Le point d'interrogation (?) L'opérateur en JavaScript est l'une des fonctionnalités les plus puissantes que JavaScript prévoit des instructions conditionnelles et lorsqu'elle est utilisée le long de «:», il peut agir comme «sinon… ". Mais ce n'est pas la seule façon dont cet opérateur est utilisé dans JavaScript. Dans cet article, nous discuterons de l'opérateur d'interrogation en JavaScript ainsi que son utilisation avec des exemples.
Façons d'utiliser des questions (?) Opérateur en javascript
La façon la plus courante d'utiliser l'opérateur d'interrogation est pour les déclarations conditionnelles, mais ce n'est pas la seule utilisation en JavaScript. Il y a trois principaux usages des opérateurs d'interrogation en JavaScript comme indiqué ci-dessous:
- Opérateur ternaire
- Chaînage facultatif
- Coalescence nul
L'un d'eux que nous connaissons tous, mais les deux autres sont ceux qui ne le savent que peu, alors voyons et comprenons chacun avec des exemples.
Opérateur ternaire
Le terme ternaire signifie simplement composé de trois parties et l'opérateur de point d'interrogation est également connu sous le nom d'opérateur ternaire car contrairement à d'autres opérateurs tels que «===» strictement égal, c'est le seul opérateur qui prend trois parties.
Dans l'opérateur ternaire, nous commençons par «?«Dans lequel nous ajoutons une déclaration conditionnelle sur le côté gauche de l'opérateur et une valeur sur le côté droit de l'opérateur au cas où la condition est vrai. Il est suivi d'un côlon ":«Qui est suivi d'une valeur qui doit être retournée en cas de condition FAUX. Vous trouverez ci-dessous la syntaxe fournie:
Syntaxe:
Énoncé conditionnel ? True (valeur si true): false (valeur si false)L'opérateur ternaire est utilisé pour remplacer les multiples lignes de code de l'instruction if else. Vous trouverez ci-dessous un exemple de l'instruction IF Else avec son remplacement par un opérateur ternaire pour montrer comment une déclaration conditionnelle de Si sinon peut être changée en un seul code de ligne facilement.
if (20> 12)console.log ("oui")
autre
console.journal ("non")
La ligne de code ci-dessus peut être convertie en un seul code de ligne:
const Biggednum = (20> 12) ? "Oui Non";console.journal (plus grand);
Vous pouvez clairement voir la différence entre plusieurs lignes de condition IF-Else est transformée en un code de ligne unique à l'aide d'un opérateur ternaire.
Chaînage facultatif
La fonction de chaînage en option a été introduite en 2020 qui aide l'utilisateur à gérer une erreur de manière plus efficace. Disons que vous avez un code qui appelle un objet propriétaire qui n'existe pas et donc lorsque le code est exécuté, il générera une erreur qui pourrait être due à une valeur manquante dans votre base de données ou toute autre raison. Par exemple, regardez l'exemple ci-dessous:
const Employee =Nom: "Mark",
Travail: 2015
employé.écrire.salaire();
Ici, nous n'avons pas défini les propriétés de l'objet et donc lorsque nous exécuterons le code, il générera l'erreur ci-dessous:
Maintenant, pour éviter de telles erreurs, un chaînage facultatif a été introduit à travers lequel nous insérons simplement un opérateur d'interrogation "?”Entre les noms de propriété comme indiqué ci-dessous:
const Employee =Nom: "Mark",
Travail: 2015
employé.écrire?.salaire();
Sortir:
Grâce à un chaînage facultatif, il a simplement donné la sortie "indéfini"Au lieu de lancer des erreurs et donc c'est l'une des meilleures fonctionnalités pour les développeurs pour éviter de telles erreurs plus efficacement.
Coalescence nul
Parfois, nous n'avons pas de valeur pour une propriété ou il n'est pas disponible en écrivant le code. Par exemple, si nous définissons divers utilisateurs et que nous avons une image de propriété pour chaque utilisateur et que nous n'avons pas l'image disponible pour ces utilisateurs. Ainsi, lorsque les données sont affichées, les images pour les utilisateurs seront vides, ce qui pourrait sembler laid et non professionnel.
const Employee =Nom: "Mark",
Image: Undefined || "N / A"
console.journal (employé);
Sortir:
Mais tout en traitant avec «||"L'opérateur logique ou, vous pourriez rencontrer des problèmes si vous considérez certaines valeurs comme utilisables, comme" "et" 0 ". Par exemple, nous avons déclaré une variable avec une valeur 0 ou une chaîne vide avec «||» Logique ou opérateur, donc l'opérateur considérera la valeur comme nul ou non définie et donc il renverra une valeur par défaut que nous avons corrigé, comme le montre l'exemple ci-dessous:
const example1 = 0 || 'String par défaut';console.log (exemple1);
const example2 = "|| 500;
console.log (exemple2);
Sortir:
Ici, dans l'exemple ci-dessus, bien que nous ayons réglé les valeurs de la chaîne 0 et vide, il le prend comme nul et indéfini et affichant la valeur par défaut que nous définissons. Pour résoudre ce problème, nous utilisons Coalesming nulshing ou doubles points d'interrogation (??) comme indiqué ci-dessous:
const example1 = 0 ?? 'String par défaut';console.log (exemple1);
const example2 = " ?? 500;
console.log (exemple2);
Sortir:
De cette façon, la fusion nuls est utilisée qui n'accepte que des valeurs nulles et non définies, à part qu'elle affiche toujours les valeurs de droite.
Conclusion
L'opérateur de point d'interrogation dans JavaScript est extrêmement utile car il est non seulement utilisé pour les déclarations conditionnelles mais à d'autres fins utiles. Dans cet article, nous avons discuté des opérateurs d'interrogation en JavaScript ainsi que diverses façons de l'utiliser. D'abord, la manière traditionnelle est de remplacer les conditions IF-Else, mais il existe également d'autres moyens de l'utiliser dont nous avons discuté dans l'article. Grâce aux opérateurs de points d'interrogation, nous pouvons rendre notre code plus compact et gérer les erreurs de manière plus efficace.