Schneller Tipp: So verwenden Sie den ternären Operator in JavaScript

In diesem Tutorial wird die Syntax und die gemeinsame Verwendung von JavaScript-ternären Operatoren eingehender untersucht.

JavaScript Ternärer Operator (auch als bedingte Operatoren bezeichnet) wird zur Durchführung der Inline -Bedingungsüberprüfung anstelle von if...else Anweisungen verwendet. Damit wird der Code prägnanter und einfach zu lesen und kann Variablen oder Ausdrücke auf der Grundlage der Bedingungen Werte zuweisen.

Schlüsselpunkte

• JavaScript Ternary Operator ermöglicht die bedingte Überprüfung der Inline -Überprüfung, wodurch der Code kürzer und leichter zu lesen ist. Es akzeptiert drei Operanden: eine zu testende Bedingung und zwei von Kolons getrennte Ausdrücke. Wenn die Bedingung wahr ist, wird der erste Ausdruck ausgeführt. Wenn die Bedingung falsch ist, wird der zweite Ausdruck ausgeführt.
• Der ternäre Operator kann verwendet werden, um Werte zuzuweisen, Ausdrücke basierend auf den Bedingungen auszuführen und zu überprüfen, ob die Variable null oder undefiniert ist. Es kann auch mehrere Bedingungen im Ausdruck des Bedieners durch Verhinderung oder Verknüpfung von Bedingungen verarbeiten, ähnlich der if…else if…else -Anweisung.
• Während der ternäre Operator die Code -Lesbarkeit verbessern kann, indem er die langwierige if…else -Anweisung ersetzt, kann der übermäßige Gebrauch verschachtelter ternärer Operatoren das Lesen erschweren. Es sollte auch beachtet werden, dass der ternäre Operator echte und falsche Zweige benötigt.

Grammatik

Der ternäre Bediener akzeptiert drei Operanden; Sie geben eine Erkrankung zur Prüfung an, gefolgt von einem Fragezeichen, gefolgt von zwei von Kolons getrennten Ausdrücken. Wenn die Bedingung als wahrer Wert angesehen wird, wird der erste Ausdruck ausgeführt. Wenn die Bedingung als falscher Wert angesehen wird, wird der endgültige Ausdruck ausgeführt.

Das Format seiner Verwendung lautet wie folgt:

<code class="language-javascript">condition ? expr1 : expr2</code>

wobei condition die zu testenden Bedingungen sind. Wenn sein Wert wahr ist, wird expr1 ausgeführt. Andernfalls wird expr2, wenn sein Wert ein falscher Wert ist, ausgeführt.

expr1 und expr2 können jede Art von Ausdruck sein. Sie können Variablen, Funktionsaufrufe oder sogar andere Bedingungen sein.

Beispiel:

<code class="language-javascript">1 > 2 ? console.log("You are right") : console.log('You are wrong');</code>

Verwenden Sie den ternären Operator für die Wertzuweisung

Einer der häufigsten Anwendungsfälle für ternäre Operatoren besteht darin, den Wert zu bestimmen, um einer Variablen einen Wert zuzuweisen. Der Wert einer Variablen hängt normalerweise vom Wert einer anderen Variablen oder Bedingung ab.

Während dies mit der Anweisung if...else erreicht werden kann, wird der Code länger und schwerer zu lesen. Zum Beispiel:

<code class="language-javascript">const numbers = [1,2,3];
let message;
if (numbers.length > 2) {
  message = 'The numbers array is too long';
} else {
  message = 'The numbers array is short';
}

console.log(message); // "The numbers array is too long"</code>

Definieren Sie in diesem Code -Beispiel zuerst die Variable message. Verwenden Sie dann die if...else Anweisung, um den Wert der Variablen zu bestimmen.

Dies kann einfach in einer Zeile mit dem ternären Operator erfolgen:

<code class="language-javascript">const numbers = [1,2,3];
let message = numbers.length > 2 ? 'The numbers array is too long' : 'The numbers array is short';

console.log(message); // "The numbers array is too long"</code>

Führen Sie den Ausdruck mit ternären Operatoren aus

Der ternäre Operator kann verwendet werden, um jede Art von Ausdruck auszuführen.

Wenn Sie beispielsweise bestimmen möchten, welche Funktion basierend auf dem Wert einer Variablen ausgeführt werden soll, können Sie dies mit der if...else -Anweisung tun:

<code class="language-javascript">if (feedback === "yes") {
  sayThankYou();
} else {
  saySorry();
}</code>

Dies kann in einer Zeile mit dem ternären Operator erfolgen:

<code class="language-javascript">condition ? expr1 : expr2</code>

Wenn der Wert von feedback "Ja" ist, wird die sayThankYou -Funktion aufgerufen und ausgeführt. Andernfalls wird die saySorry -Funktion aufgerufen und ausgeführt.

Verwenden Sie den ternären Operator für die Nullwertprüfung

In vielen Fällen arbeiten Sie möglicherweise an Variablen, die möglicherweise Werte definiert oder nicht haben - zum Beispiel bei der Eingabe eines Suchergebnisses eines Benutzer oder beim Abrufen von Daten von einem Server.

Verwenden des ternären Operators können Sie überprüfen, ob die Variable nicht null oder nicht definiert ist, indem der variable Name in den bedingten Operanden platziert wird.

Dies ist besonders nützlich, wenn eine Variable ein Objekt ist. Ein Fehler tritt auf, wenn Sie versuchen, auf Eigenschaften eines Objekts zuzugreifen, das tatsächlich null oder undefiniert ist. Wenn Sie zunächst überprüfen, ob das Objekt festgelegt ist, können Sie Fehler vermeiden.

Beispiel:

<code class="language-javascript">1 > 2 ? console.log("You are right") : console.log('You are wrong');</code>

im ersten Teil dieses Codeblocks ist book ein Objekt mit zwei Eigenschaften (name und author). Bei Verwendung des ternären Operators für book prüft er, ob er nicht null oder nicht definiert ist. Wenn nicht - was bedeutet, dass es einen Wert hat - greifen Sie auf die Eigenschaft name zu und protokollieren Sie sie bei der Konsole. Andernfalls, wenn es null ist, zeichnen Sie stattdessen "kein Buch" zur Konsole auf.

Da book nicht null ist, wird der Titel des Buches in der Konsole aufgezeichnet. Im zweiten Teil schlägt der Zustand im ternären Operator jedoch aus, wenn dieselbe Bedingung angewendet wird, da book null ist. Daher wird das "kein Buch" in der Konsole aufgezeichnet.

Nistungsbedingungen

Obwohl der ternäre Operator für die Inline verwendet wird, können mehrere Bedingungen als Teil des ternären Operatorausdrucks verwendet werden. Sie können mehrere Bedingungen nisten oder verknüpfen, um Bedingungsüberprüfungen auszuführen, ähnlich wie if...else if...else.

kann beispielsweise der Wert einer Variablen von mehreren Bedingungen abhängen. Sie können if...else if...else verwenden, um zu erreichen:

<code class="language-javascript">const numbers = [1,2,3];
let message;
if (numbers.length > 2) {
  message = 'The numbers array is too long';
} else {
  message = 'The numbers array is short';
}

console.log(message); // "The numbers array is too long"</code>

In diesem Codeblock testen Sie mehrere Bedingungen in der Variablen score, um die Buchstabenebene der Variablen zu bestimmen.

Die gleichen Bedingungen können unter Verwendung des ternären Operators durchgeführt werden, wie unten gezeigt:

<code class="language-javascript">const numbers = [1,2,3];
let message = numbers.length > 2 ? 'The numbers array is too long' : 'The numbers array is short';

console.log(message); // "The numbers array is too long"</code>

bewerten Sie zuerst die erste Bedingung, d. H. score >= 90.

Dies wird fortgesetzt, bis alle Bedingungen falsch sind, was bedeutet, dass der Wert von grade 'f' oder bis eine der Bedingungen als wahr bewertet wird und der wahre Wert grade zugeordnet ist.

Schlussfolgerung

Wie im Beispiel in diesem Tutorial gezeigt, gibt es viele Anwendungsfälle für JavaScript -ternäre Operatoren. In vielen Fällen können ternäre Operatoren die Code -Lesbarkeit verbessern, indem sie ausführliche if...else -Anweisungen ersetzen.

(nachfolgender Inhalt wie der FAQ -Teil wird empfohlen, ihn aufgrund der Länge des Artikels separat zu verarbeiten.)

Das obige ist der detaillierte Inhalt vonSchneller Tipp: So verwenden Sie den ternären Operator in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!