Ternärer bedingter JavaScript-Operator

Harshit Jindal 12 Oktober 2023
  1. Beispiel: Ternärer bedingter JavaScript-Operator
  2. Beispiel: JavaScript-verschachtelte ternäre Operatoren
  3. Beispiel: Mehrere Operationen im ternären JavaScript-Operator
Ternärer bedingter JavaScript-Operator

In diesem Tutorial erfahren Sie, wie Sie den Bedingungsoperator ?: in JavaScript verwenden.

Die Anweisung if ... else hilft uns, einen bestimmten Codeblock nur dann auszuführen, wenn eine bestimmte Bedingung erfüllt ist. Der bedingte Operator, auch ternärer Operator genannt, ist eine einzeilige Abkürzung für if ... else-Anweisungen. Es hilft, sauberen und prägnanten Code zu schreiben. Es ist der einzige JavaScript-Operator, der 3 Operanden erfordert: Die auszuwertende Bedingung, einen auszuführenden Ausdruck, wenn die Bedingung true ist, und einen auszuführenden Ausdruck, wenn die Bedingung false ist. Da er 3 Operanden benötigt, ist sein Name der ternäre Operator.

condition ? expression1 : expression2

Der ternäre Operator wertet zuerst die gegebene condition aus. Die Bedingung wird von expression1 durch ein ? getrennt. und expression2 wird von expression1 durch ein : getrennt. Wenn die condition wahr ist, dann führt der Bedingungsoperator expression1 aus, sonst führt er expression2 aus.

Beispiel: Ternärer bedingter JavaScript-Operator

var age = 18;
var canVote;
if (age >= 18) {
  canVote = 'yes';
} else {
  canVote = 'no';
}

Das obige Beispiel zeigt eine bedingte Anweisung, die mit der traditionellen if ... else-Anweisung ausgeführt wird.

var age = 18;
var canVote = age >= 18 ? 'yes' : 'no';

Wir haben den obigen Codeabschnitt mit dem ternären Operator umgeschrieben.

Beispiel: JavaScript-verschachtelte ternäre Operatoren

Wie bei der Anweisung if ... else können wir auch verschachtelte ternäre Operatoren verwenden, um mehrere Bedingungsprüfungen durchzuführen.

var carSpeed = 90;
var warning =
    speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

Im obigen Code generieren wir eine Warnung für das Auto basierend auf der Autogeschwindigkeit. Zuerst prüfen wir, ob carSpeed über 100 ist und generieren, wenn die Bedingung erfüllt ist, eine Warnung, dass das Auto Way Too Fast!! fährt. Ansonsten haben wir einen zweiten Ausdruck verschachtelt, der prüft, ob carSpeed grösser als 80 ist und je nach Auswertung Fast / Nice anzeigen.

Beispiel: Mehrere Operationen im ternären JavaScript-Operator

Wir können mehrere Operationen innerhalb eines ternären Operators ausführen, genau wie if ... else-Anweisungen.

let isStudent = true;
let primeVideo = 12;
isStudent ?
    (primeVideo = primeVideo / 2, alert('Enjoy your student discount')) :
    (alert('You have to pay full price'));

Im obigen Code führen wir zwei Operationen statt einer aus, ändern den Wert von primeVideo auf die Hälfte und alarmieren den Benutzer.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Verwandter Artikel - JavaScript Operator