Ternärer bedingter JavaScript-Operator
- Beispiel: Ternärer bedingter JavaScript-Operator
- Beispiel: JavaScript-verschachtelte ternäre Operatoren
- Beispiel: Mehrere Operationen im ternären 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 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