JavaScript Operator Referenzhandbuch

JavaScript-Operatoren werden für Zuweisungen, Vergleichswerte, Ausführung algebraischer Operationen usw. verwendet.

Weitere Informationen finden Sie unter:

Tutorial:JavaScript-Operator

Tutorial:JavaScript Operator Prioritäten

JavaScript-Algebra-Operator

Algebraische Operatoren werden verwendet, um algebraische Operationen zwischen Variablen und/oder Werten auszuführen.

gegeben y = 5，die nachstehende Tabelle erläutert die algebraischen Operatoren:

Berechnungsoperator Beschreibung Beispiel Ergebnis in y Ergebnis in x Versuchen Sie es!
+ addieren x = y + 2 y = 5 x = 7 Versuchen Sie es!
- subtrahieren x = y - 2 y = 5 x = 3 Versuchen Sie es!
* multiplizieren x = y * 2 y = 5 x = 10 Versuchen Sie es!
/ teilen x = y / 2 y = 5 x = 2.5 Versuchen Sie es!
% Modulo (Rest der Division) x = y % 2 y = 5 x = 1 Versuchen Sie es!
++ akkumulieren x = ++y y = 6 x = 6 Versuchen Sie es!
x = y++ y = 6 x = 5 Versuchen Sie es!
-- dekrementieren x = --y y = 4 x = 4 Versuchen Sie es!
x = y-- y = 4 x = 5 Versuchen Sie es!

Für Wissen über algebraische Operatoren lesen Sie bitte unsere JavaScript-Algebra-Tutorial.

JavaScript-Zuweisungsoperator

Zuweisungsoperatoren werden verwendet, um JavaScript-Variablen zu zuweisen.

gegeben x = 10 und y = 5，die nachstehende Tabelle erläutert die Zuweisungsoperatoren:

Berechnungsoperator Beispiel entspricht Ergebnis in x Versuchen Sie es!
= x = y x = y x = 5 Versuchen Sie es!
+= x += y x = x + y x = 15 Versuchen Sie es!
-= x -= y x = x - y x = 5 Versuchen Sie es!
*= x *= y x = x * y x = 50 Versuchen Sie es!
/= x /= y x = x / y x = 2 Versuchen Sie es!
%= x %= y x = x % y x = 0 Versuchen Sie es!

Für Wissen über Zuweisungsoperatoren lesen Sie bitte unsere JavaScript-Zuweisungstutorial.

JavaScript-Zeichenfolgengeschichte

+-Operator und +=-Operator können auch zum Verbinden (Hinzufügen) von Zeichenfolgen verwendet werden.

gegeben text1 = "Good "、text2 = "Morning"，sowie text3 = ""，die nachstehende Tabelle erläutert diesen Operator:

Berechnungsoperator Beispiel text1 text2 text3 Versuchen Sie es!
+ text3 = text1 + text2 "Good " "Morning" "Good Morning" Versuchen Sie es!
+= text1 += text2 "Good Morning" "Morning" "" Versuchen Sie es!

Vergleichsoperatoren

Verwenden Sie Vergleichsoperatoren in logischen Ausdrücken, um die Gleichheit oder Ungleichheit von Variablen oder Werten zu bestimmen.

gegeben x = 5，die nachstehende Tabelle erläutert die Vergleichsoperatoren:

Berechnungsoperator Beschreibung vergleichen zurückgeben Versuchen Sie es!
== gleich x == 8 falsch Versuchen Sie es!
x == 5 wahr Versuchen Sie es!
=== gleichwertige und gleichartige Werte x === "5" falsch Versuchen Sie es!
x === 5 wahr Versuchen Sie es!
!= ungleich x != 8 wahr Versuchen Sie es!
!== ungleiche Werte oder ungleiche Typen x !== "5" wahr Versuchen Sie es!
x !== 5 falsch Versuchen Sie es!
> Größer x > 8 falsch Versuchen Sie es!
< Kleiner x < 8 wahr Versuchen Sie es!
>= Größer oder gleich x >= 8 falsch Versuchen Sie es!
<= Kleiner oder gleich x <= 8 wahr Versuchen Sie es!

Für Wissen über Vergleichsoperator lesen Sie unser JavaScript Vergleichstutorial.

Bedingter (dreiwertiger) Operator

Der bedingte Operator weist einen Wert einer Variable basierend auf der Bedingung zu.

Syntax

Variablenname = (Bedingung) ? value1:value2

Beispiel

voteable = (age < 18) ? "Too young":"Old enough";

Probieren Sie es selbst aus

Beispielinterpretation:

Wenn der Wert der Variable "age" kleiner als 18 ist, wird der Wert der Variable "voteable" "Too young" sein, sonst "Old enough".

Logische Operatoren

Logische Operatoren werden verwendet, um die Logik zwischen Variablen oder Werten zu bestimmen.

gegeben x = 6 und y = 3Die folgende Tabelle erläutert die logischen Operatoren:

Berechnungsoperator Beschreibung Beispiel Versuchen Sie es!
&& und (x < 10 && y > 1) ist wahr Versuchen Sie es!
|| oder (x === 5 || y === 5) ist falsch Versuchen Sie es!
! nicht !(x === y) ist wahr Versuchen Sie es!

JavaScript Bit-Berechnungsoperator

Bit-Berechnungsoperator können 32-bit-Zahlen verarbeiten. Jeder numerische Operand in dieser Berechnung wird in eine 32-bit-Zahl umgewandelt. Das Ergebnis wird in eine JavaScript-Zahl zurückgewandelt.

Berechnungsoperator Beschreibung Beispiel entspricht Ergebnis Dezimal
& AND x = 5 & 1 0101 & 0001 0001 1
| OR x = 5 | 1 0101 | 0001 0101 5
~ NOT x = ~ 5 ~0101 1010 10
^ XOR x = 5 ^ 1 0101 ^ 0100 4
<< Links verschoben x = 5 << 1 0101 << 1 1010 10
>> Rechts verschoben x = 5 >> 1 0101 >> 1 0010 2

Der obige Beispiel verwendet einen 4-stelligen Beispielwert. Aber JavaScript verwendet 32-bit signierte Zahlen.

Daher gibt ~ 5 in JavaScript nicht 10 zurück, sondern -6.

~00000000000000000000000000000101 gibt 11111111111111111111111111111010 zurück

Der typeof-Operator

typeof Der Operator gibt den Typ einer Variable, eines Objekts, einer Funktion oder eines Ausdrucks zurück:

Beispiel

typeof "Bill"                 // gibt string zurück
typeof 3.14                   // gibt number zurück
typeof NaN                    // gibt number zurück
typeof false                  // gibt boolean zurück
typeof [1, 2, 3, 4]           // gibt object zurück
typeof {name:'Bill', age:19}  // gibt object zurück
typeof new Date()             // gibt object zurück
typeof function () {}         // gibt function zurück
typeof myCar                  // gibt undefined zurück (wenn myCar nicht deklariert ist)
typeof null                   // gibt object zurück

Probieren Sie es selbst aus

Bitte beachten Sie:

  • Der Daten Typ von NaN ist number
  • Der Daten Typ von Array ist object
  • Der Daten Typ von Datum ist object
  • Der Daten Typ von null ist object
  • Der Daten Typ eines nicht definierten Variablen ist undefined

Man kann typeof nicht verwenden, um zu bestimmen, ob ein JavaScript-Objekt ein Array (oder ein Datum) ist.

Man kann typeof nicht verwenden, um zu bestimmen, ob ein JavaScript-Objekt ein Array (oder ein Datum) ist.

Der delete-Operator

delete Der Operator löscht Eigenschaften aus dem Objekt:

Beispiel

var person = {firstName:"Bill", lastName:"Gates", age:19, eyeColor:"blue"};
delete person.age;   // Löscht person["age"];

Probieren Sie es selbst aus

Der delete-Operator löscht sowohl den Wert als auch die Eigenschaft selbst.

Nach dem Löschen kann das Attribut nicht verwendet werden, bis es neu hinzugefügt wird.

Der delete-Operator ist dazu bestimmt, um Objektkennungen zu verwenden. Er hat keine Auswirkung auf Variablen oder Funktionen.

Anmerkung:Der delete-Operator sollte nicht auf den Attributen vorgedefinierter JavaScript-Objekte verwendet werden. Dies könnte dazu führen, dass Ihre Anwendung abstürzt.

in-Operator

wenn das angegebene Attribut im angegebenen Objekt vorhanden ist, dann in der Operator gibt true zurück,否则返回 false:

Beispiel

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // gibt false zurück (es wird ein bestimmter Indexnummer angegeben, nicht der Wert)
0 in cars               // gibt true zurück
1 in cars               // gibt true zurück
4 in cars               // gibt false zurück (existiert nicht)
"length" in cars        // gibt true zurück (length ist ein Array-Attribut)
// Objekte
var person = {firstName:"Bill", lastName:"Gates", age:19};
"firstName" in person   // gibt true zurück
"age" in person         // gibt true zurück
// Vordefinierte Objekte
"PI" in Math            // gibt true zurück
"NaN" in Number         // gibt true zurück
"length" in String      // gibt true zurück

Probieren Sie es selbst aus

instanceof-Operator

wenn das angegebene Objekt ein Beispiel des angegebenen Objekts ist, dann instanceof der Operator gibt true zurück:

Beispiel

var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;          // gibt true zurück
cars instanceof Object;         // gibt true zurück
cars instanceof String;         // gibt false zurück
cars instanceof Number;         // gibt false zurück

Probieren Sie es selbst aus

void-Operator

void der Operator berechnet einen Ausdruck und gibt zurück undefinedDieser Operator wird normalerweise verwendet, um den ursprünglichen Wert, der durch "void(0)" nicht definiert ist, zu erhalten (wenn ein Ausdruck berechnet wird, ohne dass ein Rückgabewert verwendet wird, ist dies sehr nützlich).

Beispiel

<a href="javascript:void(0);">
  Unnützer Link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
  Klicken Sie auf mich, um den Hintergrund des bodies in rot zu ändern
</a>

Probieren Sie es selbst aus