JavaScript -Fragemarke -Operator

Normalerweise repräsentieren wir in jeder Programmiersprache die bedingten Aussagen mit dem traditionellen „wenn… sonst…“, aber diese nehmen manchmal auch für die einfacheren Bedingungen verschiedene Codes -Zeilen auf. Daher liefert uns JavaScript die Fragezeichen(?) Bediener, der für bedingte Aussagen in JavaScript verwendet wird.

Das Fragezeichen (?) Der Operator in JavaScript ist eines der leistungsstärksten Merkmale, die JavaScript für bedingte Aussagen liefert und bei Verwendung von „:“: Es kann als „wirken“ansonsten… ”. Dies ist jedoch nicht der einzige Weg, wie dieser Bediener in JavaScript verwendet wird. In diesem Artikel werden wir den Fragezeichenbetreiber in JavaScript zusammen mit seiner Verwendung mit Beispielen besprechen.

Möglichkeiten zur Verwendung von Fragezeichen (?) Operator in JavaScript

Der häufigste Weg, den Fragemark -Operator zu verwenden. In JavaScript gibt es drei Hauptnutzungen der Fragezeichenoperatoren in JavaScript, wie unten gezeigt:

1. Ternärer Operator
2. Optionale Verkettung
3. Nullish Coalscing

Eine davon sind mit einem, mit dem wir alle vertraut sind, aber die anderen beiden sind die nur wenigen, von denen wir wissen, wie wir sie jeweils sehen und verstehen, zusammen mit Beispielen.

Ternärer Operator

Der Begriff ternärer Begriff bedeutet einfach, bestehend aus drei Teilen, und der Fragezeichenoperator ist auch als ternärer Operator bekannt.

Im ternären Operator beginnen wir mit “?In dem wir eine bedingte Anweisung auf der linken Seite des Bedieners und einen Wert auf der rechten Seite des Bedieners hinzufügen, falls die Bedingung ist WAHR. Es folgt ein Dickdarm “:Folgt ein Wert, der zurückgegeben werden soll, falls die Bedingung ist FALSCH. Unten finden Sie die bereitgestellte Syntax:

Syntax:

Bedingte Aussage ? True (Wert wenn wahr): Falsch (Wert wenn falsch)

Der ternäre Operator wird verwendet, um die mehreren Codezeilen von if sonst zu ersetzen. Im Folgenden finden Sie ein Beispiel dafür, ob sonst eine Anweisung zusammen mit einem ternären Operator ersetzt wird, um anzuzeigen, wie eine bedingte Anweisung davon einfach in einen einzelnen Zeilencode geändert werden kann.

if (20> 12)
Konsole.log ("ja")

anders
Konsole.log ("nein")

Die obige Codezeile kann in einen einzelnen Zeilencode konvertiert werden:

const birgernum = (20> 12) ? "Ja Nein";
Konsole.log (Biggernum);

Sie können deutlich erkennen.

Optionale Verkettung

Eine optionale Kettenfunktion wurde im Jahr 2020 eingeführt, mit der der Benutzer einen Fehler effizienter behandelt. Nehmen wir an, Sie haben einen Code, der ein nicht vorhandenes Objekt aufruft, das nicht existiert. Wenn der Code ausgeführt wird. Schauen Sie sich zum Beispiel das folgende Beispiel an:

const Mitarbeiter =
Name: "Mark",
Arbeiten: 2015

Mitarbeiter.schreiben.Gehalt();

Hier haben wir die Eigenschaften für das Objekt nicht definiert. Wenn wir den Code ausführen, generiert er den folgenden Fehler:

Um solche Fehler zu vermeiden, wurde eine optionale Verkettung eingeführt, durch die wir einfach einen Fragenmarker -Operator einfügen “?”Zwischen den Eigenschaftennamen wie unten gezeigt:

const Mitarbeiter =
Name: "Mark",
Arbeiten: 2015

Mitarbeiter.schreiben?.Gehalt();

Ausgang:

Durch optionale Verkettung gab es einfach Ausgabe “nicht definiertAnstatt Fehler zu werfen, ist es für Entwickler eine der besten Funktionen, um solche Fehler effizienter zu vermeiden.

Nullish Coalscing

Manchmal haben wir keinen Wert für eine Immobilie oder sie ist beim Schreiben des Codes nicht verfügbar. Zum Beispiel, wenn wir verschiedene Benutzer definieren und ein Eigenschaftsbild für jeden Benutzer haben und wir nicht das Bild für diese Benutzer zur Verfügung haben. Wenn also die Daten angezeigt werden, sind die Bilder für Benutzer leer, was möglicherweise hässlich und unprofessionell aussieht.

const Mitarbeiter =
Name: "Mark",
Bild: undefiniert || "N / A"

Konsole.Protokoll (Mitarbeiter);

Ausgang:

Aber während ich mich umging “||"Der logische Operator oder, Sie können einige Probleme begegnen, wenn Sie einige Werte als nutzbar betrachten, wie z. B." und "0". Zum Beispiel haben wir eine Variable mit Wert 0 oder einer leeren Zeichenfolge zusammen mit "||" deklariert Logisch oder Bediener, sodass der Bediener den Wert als Null oder undefiniert betrachtet und daher einen Standardwert zurückgibt, den wir behoben haben, wie im folgenden Beispiel gezeigt:

const Beispiel1 = 0 || 'Standard String';
Konsole.log (Beispiel1);
const example2 = "|| 500;
Konsole.log (Beispiel2);

Ausgang:

Hier im obigen Beispiel, obwohl wir die Werte von sowohl als 0 als auch leerer Zeichenfolge festgelegt haben. Um dieses Problem zu lösen, verwenden wir Nullish Coalscing- oder doppelte Fragenmarkierungen (??) Wie nachfolgend dargestellt:

const Beispiel1 = 0 ?? 'Standard String';
Konsole.log (Beispiel1);
const evicle2 = " ?? 500;
Konsole.log (Beispiel2);

Ausgang:

Auf diese Weise wird das nullische Koalescing verwendet, das nur Null- und undefinierte Werte akzeptiert, außer dass es immer die rechten Seitenwerte anzeigt.

Abschluss

Der Operator des Fragezeichens in JavaScript ist äußerst nützlich, da er nicht nur für bedingte Aussagen, sondern auch für andere nützliche Zwecke verwendet wird. In diesem Artikel haben wir die Operatoren für Fragezeichen in JavaScript zusammen mit verschiedenen Arten der Verwendung besprochen. Zunächst ersetzt der traditionelle Weg die IF-ELSE-Bedingungen durch, aber es gibt auch andere Möglichkeiten, sie zu verwenden, die wir im Artikel diskutiert haben. Durch Fragen der Fragezeichen können wir unseren Code kompakter machen und Fehler auf effizientere Weise behandeln.