Ternärer Operator in JavaScript

Muhammad Muzammil Hussain 12 Oktober 2023
  1. Ternärer Operator in JavaScript
  2. Ternärer Operator mit return-Anweisung in JavaScript
Ternärer Operator in JavaScript

Lernen und implementieren Sie die bedingte Programmierung mit dem ternären Operator im JavaScript-Quellcode. Wir werden die Verwendung und die Vorteile der ternären Rückgabe in der JavaScript-Programmierung sehen.

Ternärer Operator in JavaScript

Der ternäre Operator hilft uns, die bedingte Anweisung in einem kleinen Code zu schreiben.

Syntax:

condition_check ? condition_if_true : condition_if_false;

Wie oben gezeigt, wird die Bedingung mit dem ? Operator. Nach diesem Operator müssen wir den ersten Ausdruck schreiben (die erfolgreiche Anweisung), und der :-Operator für den zweiten Ausdruck ist ein fehlgeschlagener Fall.

Ein ternärer Operator bewertet eine Bedingung und führt einen Codeabschnitt basierend auf der definierten Bedingung aus. Wenn die Bedingung true ist, wird der erste Ausdruck ausgeführt, andernfalls wird der zweite Ausdruck ausgeführt.

Lassen Sie uns ein Beispiel mit der bedingten Anweisung if else haben.

Codebeispiel:

let marks = 50;

// with if else
if (marks >= 40) {
  console.log('You are passed!');
} else {
  console.log('You are failed!');
}

// same task with ternary operator
marks >= 40 ? console.log('You are passed!') : console.log('You are failed!')

Ausgang:

You are passed!
You are passed!

Im obigen Beispiel haben wir dieselbe bedingte Anweisung mit if else und ternary ? : Operator und die Ergebnisse sind die gleichen. Beide Anweisungen führen die gleiche Funktionalität aus, aber der ternäre Operator ist prägnanter.

Ternärer Operator mit return-Anweisung in JavaScript

Um einen Rückgabewert einer JavaScript-Funktion auf bedingter Basis zu erhalten, können wir eine ternäre Operationsanweisung mit einem return-Schlüsselwort verwenden, um dies zu erreichen.

Codebeispiel:

let marks = 80;  // initialized

checkGrade(marks)
console.log('After updating marks')
marks = 70  // updating
checkGrade(marks)

function checkGrade(marks) {
  return marks >= 80 ? console.log('You\'re Grade is A!') :
                       console.log('You\'re Grade is B!')
}

Ausgang:

"You're Grade is A!"
"After updating marks"
"You're Grade is B!"

Im obigen Beispiel haben wir die Markierungsvariable initialisiert und die Funktion checkGrade() mit dem Wert der übergebenen Markierungen als Argument aufgerufen, und in der Funktion checkGrade() haben wir das Schlüsselwort return mit einer ternären Operationsanweisung verwendet .

Wenn die Markierungen größer oder gleich 80 sind, wird Note A in Protokolle gedruckt, andernfalls wird Note B gedruckt. Wir haben 80 Markierungen an die Funktion übergeben, um den wahren Zustand zu überprüfen, und nach der Aktualisierung der Markierungen haben wir 70 Markierungen an übergeben die Funktion, um die falsche Bedingungsanweisung zu überprüfen.

Verwandter Artikel - JavaScript Operator