Inline-if-Anweisung in JavaScript
-
Einfache Inline-
if
-Anweisung mit ternärer Operation in JavaScript -
Mehrere Bedingungs-Inline-
if
-Anweisungen Ternäre Operation in JavaScript -
Inline
if
-Anweisung mit logischem Operator in JavaScript
Die bedingte Operation ist eines der grundlegenden Codierungskonzepte für jede Programmiersprache. Die Konvention besteht darin, die am besten passende Ausgabe aus mehreren verfügbaren Bedingungen abzuleiten. JavaScript unterstützt sowohl die übliche if...else
-Struktur als auch die ternären Operatoren.
Im folgenden Abschnitt stellen wir vor, wie bedingte Anweisungen mit ternären Operatoren und logischen Operatoren angewendet werden.
Einfache Inline-if
-Anweisung mit ternärer Operation in JavaScript
Im Allgemeinen gibt diese Art der Codierungspraxis zuerst die Grundbedingung an und trennt das mögliche Ergebnis durch ein ?
. Die möglichen Ergebnisse sind mit einem Doppelpunkt (:)
getrennt. Die ternäre Operationsstruktur benötigt nur eine einzige Codezeile, um das Ergebnis zu liefern, das daher als Inline-if
-Anweisung bezeichnet wird.
Code-Auszug:
var x = 5;
var y = 10;
var z = x > y ? x : y;
console.log(z);
Ausgabe:
Das Beispiel erklärt die Bedingung, wo die Variable x
mit der Variablen y
verglichen wird. Wenn x
größer als y
ist, dann enthält z
den Wert von x
, anders als den Wert von y
. Dies ist die Alternative zur grundlegenden if...else
-Struktur.
Mehrere Bedingungs-Inline-if
-Anweisungen Ternäre Operation in JavaScript
Mehrere Bedingungen beziehen sich auf mehr als eine Bedingung; genauer gesagt ist es die Struktur für if...else if...else
. Jeder Bedingungsbereich hat einen Rückgabefall, und der Rückgabewert der anwendbaren Bedingung ist die Antwort. Die Dokumentation gibt eine bessere Vorschau für diesen Fall.
Code-Auszug:
var x = 5;
var y = 5;
var z = x > y ? 'true' : x < y ? 'false' : 'false';
console.log(z);
Ausgabe:
Gemäß der Ausgabe ist zu sehen, dass hier eine if
-Anweisung (x>y)
vorhanden war, auch wenn es einen Rückgabefall "true"
gab. Später haben wir für if else
(x<y)
als Bedingung, und das gibt "false"
zurück. Wenn die angewendete Bedingung zutrifft, geben wir außerdem "false"
zurück, was unsere else
-Anweisung ist.
Inline if
-Anweisung mit logischem Operator in JavaScript
In dieser Praxis wird eine gegebene Bedingung, die den Rückgabewert erfüllt, nach dem Operator (&&)
geschrieben. Und wenn es auf die else
-Bedingung gerichtet ist, wird der Rückgabewert nach dem ||
gesetzt Operator. Sehen wir uns die Demonstration mit einem Codebeispiel an.
Code-Auszug:
var x = 5;
var y = 10;
var z = (x < y) && x || y;
console.log(z);
Ausgabe: