Heim > Web-Frontend > js-Tutorial > Entmystifizierende JavaScript -Operatoren: Was bedeutet dieses Symbol?

Entmystifizierende JavaScript -Operatoren: Was bedeutet dieses Symbol?

Joseph Gordon-Levitt
Freigeben: 2025-02-09 08:23:08
Original
1014 Leute haben es durchsucht

Demystifying JavaScript Operators: What Does That Symbol Mean?

Dieser Artikel bietet einen umfassenden Leitfaden für JavaScript -Operatoren, die für Klarheit und verbessertes Verständnis kategorisiert sind. Wir werden ihre Funktionen untersuchen und ihre Verwendung mit praktischen Beispielen veranschaulichen.

Schlüsselkonzepte:

  • Operatoren: Spezielle Symbole, die Operationen für Variablen und Werte ausführen, wesentlich für die Berechnungen und die Datenmanipulation.
  • Operanden: Die Werte oder Variablen, auf die die Operatoren handeln.
  • Zwang: implizite Typumwandlung zwischen Datentypen (z. B. Nummer zu String).
  • nan: "keine Zahl", die einen ungültigen numerischen Wert darstellt.
  • Wahrheit/falsy: Werte, die in einem booleschen Kontext zu wahr oder falsch bewerten.

1. Arithmetische Operatoren: Diese führen Standardmathematikoperationen aus.

  • addition (): fügt Zahlen hinzu oder verkettet Strings. 'Hello' ' World!' führt zu 'Hello World!'. Beachten Sie das Verhalten mit Objekten: 1 {a:1} ergibt '1[object Object]'.
  • Subtraktion (-): Subtrahiert Zahlen. 10 - 5 gleich 5.
  • * multiplication ():* multipliziert Zahlen. `5 2 equals 10`.
  • Division (/): teilt die Zahlen. 10 / 2 gleich 5. Abteilung nach Null führt zu Infinity. Bigint Division schneidet das Ergebnis ab.
  • Modul (%): gibt den Rest einer Division zurück. 10 % 3 gleich 1.
  • increment (): erhöht den Wert einer Variablen um 1 (Präfix x Inkremente vor der Verwendung, Postfix x Inkremente danach).
  • Dekrement (-): verringert den Wert einer Variablen um 1 (Präfix --x, postfix x--).
  • Unary Negation (-): ändert das Zeichen einer Zahl. -5 negiert 5.
  • unary plus (): Umwandelt explizit einen Wert in eine Zahl. '10' wird 10.
  • Exponentiation (): erhöht eine Zahl zu einer Macht. `2 3 equals 8`.

2. Zuordnungsoperatoren: Zuweisen Werte für Variablen und kombinieren häufig Vorgänge mit Zuordnung.

  • Zuordnung (=): Grundlegende Zuordnung. x = 5;
  • Additionszuweisung (=): x = 3; (äquivalent zu x = x 3;)
  • Subtraktionszuweisung (-=): x -= 2;
  • * Multiplikationszuweisung ( =):* `x = 4;`
  • Abteilungszuweisung (/=): x /= 2;
  • Modulzuordnung (%=): x %= 3;
  • Exponentiationszuweisung ( =): `x = 2;`
  • (Bitgewise -Zuordnungsoperatoren): bitgewise Operationen ausführen und das Ergebnis zuweisen (z. B. &=, |=, ^=, <<=, >>=, >>>=).

3. Vergleichsbetreiber: Vergleiche Werte, ein Booleaner Ergebnis zurückgeben.

  • Gleichheit (==): Lose Gleichheit (führt Typenzwingung). 1 == '1' ist true.
  • Ungleichheit (! =): Lose Ungleichheit. 1 != '2' ist true.
  • strenge Gleichheit (===): Strikte Gleichheit (kein Typ -Zwang). 1 === '1' ist false.
  • Strenge Ungleichheit (! ==): Strenge Ungleichheit. 1 !== '1' ist true.
  • größer als (& gt;): 5 > 2 ist true.
  • weniger als (& lt;): 2 < 5 ist true.
  • größer als oder gleich (& gt; =): 5 >= 5 ist true.
  • kleiner als oder gleich (& lt; =): 2 <= 5 ist true.

4. Logische Operatoren: boolesche Ausdrücke kombinieren oder ändern.

  • logisch und (&&): Gibt den ersten falsy -Wert oder den letzten Wahrheitswert zurück. true && false ist false. 'a' && 'b' ist 'b'.
  • logisch oder (||): Gibt den ersten Wahrheitswert oder den letzten falsy -Wert zurück. false || true ist true. '' || 'a' ist 'a'.
  • logisch nicht (!): Umdreht einen Booleschen Wert. !true ist false.
  • Nullish Coalescing (??): Gibt den rechten Operanden nur dann zurück, wenn der linke Operand null oder undefined ist. null ?? 'default' ist 'default'. 0 ?? 'default' ist 0.

5. Bitgewise -Operatoren: arbeiten mit den binären Darstellungen von Zahlen.

  • bitweise und (&): 5 & 3 (binär 101 & 011) gleich 1 (binär 001).
  • bitweise oder (|): 5 | 3 (binär 101 | 011) gleich 7 (binär 111).
  • bitweise xor (^): 5 ^ 3 (binär 101 ^ 011) gleich 6 (binär 110).
  • bitweise nicht (~): invertiert Bits. ~5 (binär ~101) gleich -6.
  • linke Schicht (& lt; & lt;): verschiebt Bits nach links.
  • rechte Verschiebung (& gt; & gt;): verschiebt Bits nach rechts.
  • Unsigned Right Shift (& gt; & gt; & gt;): verschiebt die Bits nach rechts, füllen Sie sie mit Nullen.

6. Andere Operatoren:

  • bedingter (ternärer) Operator (? :): prägnante bedingte Ausdrücke. age > 18 ? 'Adult' : 'Minor';
  • Spread Operator (...): erweitert iterable Objekte. [...array] erstellt eine Kopie.
  • Comma -Operator (,): bewertet mehrere Ausdrücke nacheinander.
  • Optionaler Kettenbetreiber (?) : Zugriff auf verschachtelte Objekteigenschaften. obj?.prop?.subprop
  • Pipeline -Operator (| & gt;): (Stufe 2 Vorschlag) verbessert die Lesbarkeit von Kettenfunktionsaufrufen.

Vorrang: JavaScript folgt den spezifischen Regeln für die Reihenfolge der Operationen. Klammern () kann Vorrang überschreiben.

Diese detaillierte Erklärung bietet eine solide Grundlage für das Verständnis und die effektive Verwendung von JavaScript -Operatoren in Ihren Programmierbemühungen. Denken Sie daran, die MDN-Web-Dokumente für die aktuellsten und umfassendsten Informationen zu konsultieren.

Das obige ist der detaillierte Inhalt vonEntmystifizierende JavaScript -Operatoren: Was bedeutet dieses Symbol?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage