So verwenden Sie Inline if Anweisung in JavaScript
Dieses Tutorial veranschaulicht die Verwendung von Inline, wenn Anweisungen in JavaScript.
So verwenden Sie Inline if Anweisung in JavaScript?
In JavaScript ist ein ternärer Operator die typischste und empfohlene Verwendung für eine Inline -If -Anweisung. Es wird als Ersatz für eine IF-ELSE-Anweisung verwendet. Es enthält drei Operanden “ein Zustand","eine echte Aussage", Und "Eine falsche Aussage”. Ein Fragezeichen (?) folgt der Bedingung, und auf eine echte Aussage folgt ein Dickdarm (:).
Syntax
Die Syntax einer Inline, wenn die Anweisung unten angegeben ist:
Zustand ? "Expression1": "Expression2"Hier:
- Der "ZustandIst eine Aussage, die entweder wahr oder falsch sein kann.
- Der "Ausdruck1Ist der Wert, der zurückgegeben wird, wenn die angegebene Bedingung wahr ist.
- Während "Ausdruck2Ist der Wert, der zurückgegeben wird, wenn die Bedingung nicht wahr ist.
Beispiel
In diesem Beispiel werden wir eine Inline -If -Anweisung mit dem ternären Operator verwenden. Zuerst erstellen wir eine Variable “Markierungen"Durch Zuweisen des Wertes"86”:
var marks = 86;Verwenden Sie dann einen ternären Operator, um die Bedingung zu überprüfen, wenn die Markierungen größer sind als oder gleich “70" zurückkehren "Klasse a"Wenn Ausgabe sonst zurückgeben"Note B"Und speichern das Ergebnis in Variable"Noten”:
var grade = Marks> = 70 ? "Klasse A": "Klasse B";Drucken Sie das Ergebnis zum Schluss auf der Konsole unter Verwendung des “Konsole.Protokoll()" Methode:
Konsole.log (grade);Die Ausgabe zeigt “Klasse a”, Was bedeutet, dass der Zustand wahr ist:
So verwenden Sie mehrere Bedingungen in einer Inline -If -Anweisung? Folgen Sie dem angegebenen Abschnitt.
So verwenden Sie eine Inline -If -Anweisung mit mehreren Bedingungen?
Sie können auch mehrere Bedingungen mit einer Inline -If -Anweisung anwenden. Um dies zu tun, Folgen Sie der folgenden Syntax für die Verwendung des ternären Operators.
Syntax
Bedingung1 ? true_expression1: condition2 ? true_expression2: else_expression- Hier, "Bedingung1" ist die erste 'Wenn'Aussage, die überprüft wird, ob es wahr oder falsch ist.
- Der "True-Expression1Ist der Wert, der zurückgegeben wird, wenn die Bedingung1 wahr ist.
- “Bedingung2Ist die else wenn Anweisung, die überprüft wird, ob die zweite Bedingung wahr oder falsch ist.
- Der "True-Expression2Ist der Wert, der zurückgegeben wird, wenn Condition2 wahr ist.
- Während "sonst_expressionIst der Wert, der zurückgegeben wird, wenn keine der folgenden Bedingungen erfüllt ist.
Beispiel
Hier werden wir mehrere Bedingungen mit einer Inline -If -Anweisung überprüfen. Erstens werden wir Variable erstellen “Markierungen"Zuweisen eines Wertes"56”:
var marks = 56;Jetzt werden wir einen Zustand für Markierungen von mehr als 90 hinzufügen. Wenn diese Bedingung wahr ist, die “Klasse a+"Wird auf der Konsole gedruckt, wenn die Markierungen größer oder gleich 70 sind, aber weniger als 90, wird die Ausgabe sein"Klasse a"Ansonsten ist die Ausgabe"Klasse f”:
var grade = Marks> = 90 ? "Klasse A+": Marks> = 70 ? "Klasse A": "Klasse F";Drucken Sie schließlich die Noten auf der Konsole:
Konsole.log (grade);Die Ausgabe wird angezeigt "Klasse f”, Was bedeutet, dass beide Bedingungen falsch sind:
So verwenden Sie Inline If -Anweisung als verschachtelte If -Erklärung?
Sie können auch eine Inline -If -Anweisung als verschachtelte IF -Erklärung verwenden wie:
Wenn…
Wenn
…
Elsef
…
anders
anders
Folgen Sie dazu die folgende Syntax mit dem ternären Operator.
Syntax
Bedingung1? true_expression1
: Bedingung2
? true_expression2
: else_expression2
- Hier, "Bedingung1Ist die erste wenn Anweisung, die überprüft wird, ob es wahr oder falsch ist.
- Der "True-Expression1Ist der Wert, der gedruckt wird, wenn Bedingung1 wahr ist.
- “Bedingung2Ist die zweite If -Erklärung, die verschachtelt ist, wenn die gegebene Bedingung wahr oder falsch ist
- Der "True-Expression2Ist der Wert, der zurückgegeben wird, wenn Condition2 wahr ist.
- Im Gegensatz, "sonst_expressionIst der Wert, der zurückgibt, wenn die zweite Bedingung falsch ist.
Beispiel
Erstellen Sie zunächst eine Variable “Markierungen"Durch Zuweisen des Wertes"65”:
var marks = 65;Verwenden Sie dann verschachtelt, wenn Bedingungen mit Hilfe einer Inline -wenn -Anweisung.
- In der ersten 'Wenn' Aussage, wir werden eine Bedingung für Markierungen von mehr als 90 hinzufügen. Wenn die Bedingung wahr ist, drucken Sie “Klasse a+”.
- In dieser Sekunde 'Wenn'Zustand, wir werden den logischen Operator verwenden “&"Um zu prüfen, ob die Markierungen zwischen 70 und 89 liegen, bedeutet die Ausgabe weniger als 90."Klasse a”.
- In der dritten 'Wenn'Aussage, wir werden prüfen, ob die Markierungen weniger als 70 und größer oder gleich 50 sind, die “Note B”Wird auf der Konsole gedruckt.
- Wenn sowohl der zweite als auch der dritte 'Wenn' Aussagen sind dann falsch, dann “Klasse f”Wird auf der Konsole gedruckt:
? "Klasse A+"
: Markierungen < 90 && marks >= 70
? "Klasse A"
: Markierungen < 70 && marks >= 50
? "Note B"
: "Klasse F"
Drucken Sie schließlich die daraus resultierenden Noten auf der Konsole mit der “ausKonsole.Protokoll()" Methode:
Konsole.log (grade);Ausgang
Wir haben alle wesentlichen Informationen zur Inline -Anweisung zusammengestellt.
Abschluss
Um eine Inline -If -Anweisung in JavaScript zu verwenden, können Sie eine „verwenden“ternärer OperatorDas ist eine Alternative zu einer IF ... sonst Aussage. Es erfordert drei Operanden “ein Zustand”, Gefolgt von einem Fragezeichen (?), "eine echte Aussage”, Gefolgt von einem Dickdarm (:), Und "Eine falsche Aussage”. Es führt das gleiche wie IF-ELSE-Anweisungen durch, jedoch mit weniger Codezeilen. In diesem Tutorial haben wir die Verwendung von Inline -If -Anweisungen in JavaScript mit Beispielen veranschaulicht.