Inline-if-Anweisung in JavaScript

Anika Tabassum Era 12 Oktober 2023
  1. Einfache Inline-if-Anweisung mit ternärer Operation in JavaScript
  2. Mehrere Bedingungs-Inline-if-Anweisungen Ternäre Operation in JavaScript
  3. Inline if-Anweisung mit logischem Operator in JavaScript
Inline-if-Anweisung 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:

Simple_Inline_if_statement

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:

Multiple_consition_if_else_statement

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:

Logischer_Operator_wenn_Anweisung

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook

Verwandter Artikel - JavaScript Condition