So verwenden Sie Inline if Anweisung in JavaScript

Eines der Hauptprinzipien der Programmierung sind bedingte Aussagen. Es kann entweder wahr oder falsch sein. Entwickler können sie verwenden, um eine bedingte Logik zu erstellen und andere Parameterprüfungen durchzuführen. Die bedingte Anweisung (IF-ELSE) ist eine Blockanweisung, die mehrere Zeilen reserviert wird. Sie können eine Inline -If -Anweisung verwenden, um Codezeilen zu reduzieren und dieselbe Aktion auszuführen.

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:

var grade = Marks> 90
? "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.