Comment utiliser Inline If Instruction en JavaScript

Comment utiliser Inline If Instruction en JavaScript
L'un des principes clés de la programmation est les déclarations conditionnelles. Cela peut être vrai ou faux. Les développeurs peuvent les utiliser pour créer une logique conditionnelle et effectuer d'autres vérifications de paramètres. La déclaration conditionnelle (IF-Else) est une déclaration de bloc qui réservera plusieurs lignes. Vous pouvez utiliser une instruction IF en ligne pour réduire les lignes de code et effectuer la même action.

Ce tutoriel illustrera l'utilisation de relevés en ligne IF en JavaScript.

Comment utiliser Inline If Instruction en JavaScript?

En JavaScript, un opérateur ternaire est l'utilisation la plus typique et recommandée pour une instruction IF en ligne. Il est utilisé en remplacement d'une déclaration IF-Else. Il contient trois opérandes, "une condition","Une vraie déclaration", et "une fausse déclaration". Un point d'interrogation (?) suit la condition, et une véritable déclaration est suivie d'un côlon (:).

Syntaxe

La syntaxe d'une instruction IF en ligne est indiquée ci-dessous:

condition ? "expression1": "expression2"

Ici:

  • Le "condition"Est une déclaration qui peut être vrai ou fausse.
  • Le "expression1"La valeur qui sera retournée si la condition donnée est vraie.
  • Alors que "expression2«La valeur qui sera retournée si la condition n'est pas vraie.

Exemple

Dans cet exemple, nous utiliserons une instruction IF en ligne à l'aide de l'opérateur ternaire. Pour ce faire, d'abord, nous créerons une variable "Des marques"En attribuant la valeur"86»:

Var Marks = 86;

Ensuite, utilisez un opérateur ternaire pour vérifier la condition si les marques sont supérieures ou égales à «70" retour "Grade A"Comme la sortie d'autre revient"Catégorie B"Et stockez le résultat en variable"notes»:

var grades = marques> = 70 ? "Grade A": "Grade B";

Enfin, imprimez le résultat sur la console en utilisant le «console.enregistrer()" méthode:

console.journal (notes);

La sortie montre "Grade A», Ce qui signifie que la condition est vraie:

Comment utiliser plusieurs conditions dans une instruction en ligne IF? Suivez la section donnée.

Comment utiliser une déclaration en ligne si avec plusieurs conditions?

Vous pouvez également appliquer plusieurs conditions avec une déclaration en ligne si. Pour faire ça, Suivez la syntaxe ci-dessous pour l'utilisation de l'opérateur ternaire.

Syntaxe

condition 1 ? true_expression1: condition2 ? true_expression2: else_expression
  • Ici, "condition 1" est le premier 'si'déclaration qui sera vérifiée, que ce soit vrai ou faux.
  • Le "Vraie-expression1«Est la valeur qui sera retournée si la condition1 est vraie.
  • "condition2«Est la déclaration else if qui sera vérifiée si la deuxième condition est vraie ou fausse.
  • Le "vrai-expression2«Est la valeur qui sera retournée si la condition2 est vraie.
  • Alors que "else_expression"La valeur qui sera retournée si aucune des conditions suivantes n'est remplie.

Exemple

Ici, nous vérifierons plusieurs conditions avec une déclaration en ligne si. Tout d'abord, nous créerons une variable "Des marques"Attribution d'une valeur"56»:

Var Marks = 56;

Maintenant, nous ajouterons une condition pour les marques supérieures à 90; Si cette condition est vraie, le «Grade A+"Sera imprimé sur la console, si les marques sont supérieures ou égales à 70 mais inférieures à 90, la sortie sera"Grade A», Sinon, la sortie sera«De grade F»:

var grades = marques> = 90 ? "Grade A +": marques> = 70 ? "Grade A": "Grade F";

Enfin, imprimez les notes sur la console:

console.journal (notes);

La sortie s'affiche «De grade F», Ce qui signifie que les deux conditions sont fausses:

Comment utiliser la déclaration en ligne IF comme une déclaration IFS?

Vous pouvez également utiliser une instruction IF en ligne comme une instruction IFS nichée telle que:

si

si

Elseif

autre
autre

Pour ce faire, suivez la syntaxe ci-dessous à l'aide de l'opérateur ternaire.

Syntaxe

condition 1
? true_expression1
: condition2
? true_expression2
: else_expression2
  • Ici, "condition 1"Est la première déclaration si qui sera vérifiée, qu'elle soit vraie ou fausse.
  • Le "Vraie-expression1«La valeur qui sera imprimée si la condition1 est vraie.
  • "condition2"Est la deuxième déclaration si, qui est imbriquée si, cela sera vérifié si la condition donnée est vraie ou fausse
  • Le "vrai-expression2«Est la valeur qui sera retournée si la condition2 est vraie.
  • En revanche, "else_expression«Est la valeur qui reviendra si la deuxième condition est fausse.

Exemple

Tout d'abord, créez une variable "Des marques"En attribuant la valeur"65»:

Marques var = 65;

Ensuite, utilisez des conditions imbriquées à l'aide d'une déclaration en ligne IF.

  • En premier 'si' déclaration, nous ajouterons une condition pour les marques supérieures à 90; Si la condition est vraie, imprimez "Grade A+".
  • Dans la seconde 'si«État, nous utiliserons l'opérateur logique»&«Pour vérifier si les marques sont comprises entre 70 et 89, moins de 90, alors la sortie sera«Grade A".
  • Dans le troisième 'si«Énoncé, nous vérifierons si les marques sont inférieures à 70 et supérieures ou égales à 50, le«Catégorie B"Sera imprimé sur la console.
  • Si les deux et troisième 'si' Les déclarations sont fausses, alors «De grade F»Sera imprimé sur la console:
var grades = marques> 90
? "Grade A +"
: Des marques < 90 && marks >= 70
? "Grade A"
: Des marques < 70 && marks >= 50
? "Catégorie B"
: "Grade F"

Enfin, imprimez les notes résultantes sur la console en utilisant le «console.enregistrer()" méthode:

console.journal (notes);

Sortir

Nous avons compilé toutes les informations essentielles liées à la déclaration en ligne IF.

Conclusion

Pour utiliser une instruction IF en ligne dans JavaScript, vous pouvez utiliser un «opérateur ternaire«C'est une alternative à une déclaration if… else. Cela nécessite trois opérandes, "une condition», Qui est suivi d'un point d'interrogation (?), «Une vraie déclaration», Suivi d'un côlon (:), et "une fausse déclaration". Il effectue la même chose que les instructions IF-Else mais avec moins de lignes de code. Dans ce didacticiel, nous avons illustré l'utilisation des instructions IF en ligne en JavaScript avec des exemples.