English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Grundtutorials

JavaScript Objekt

JavaScript Funktion

JS HTML DOM

JS Browser BOM

AJAX Grundtutorials

JavaScript Referenzhandbuch

Operatoren in JavaScript

Operatoren führen mathematische und logische Operationen für die angegebenen Operanden durch.

JavaScript verfügt über die folgenden Arten von Operatoren:

  • Arithmetischer Operator

  • Zuweisungsoperator

  • Vergleichsoperator

  • Bit-Operator

  • Logischer Operator

  • Zeichenkette-Operator

  • Bedingungsoperator (Dreieck)

  • unärme Operatoren

  • Beziehungsoperator

JavaScript arithmetische Operatoren

Arithmetische Operatoren werden verwendet, um mit Zahlen arithmetische Operationen durchzuführen.

Arithmetische Operatoren behandeln numerische Werte als ihre Operanden und geben einen einzigen numerischen Wert zurück.

OperatorBeschreibungBeispielDefinitionTesten Sie
+Additiona + bSumme von a und bTesten Sie
-Subtraktiona-bDifferenz von a und bTesten Sie
*Multiplikationa * bProdukt von a und bTesten Sie
**Potenzierena ** ba zur Potenz von bTesten Sie
/Divisiona / ba durch bTesten Sie
%Modulo (Rest)a%ba / Rest von bTesten Sie
++incrementa ++a increment1Testen Sie
--decrement
a--a decrement1Testen Sie

JavaScript Zuweisungsoperator

Der Zuweisungsoperator weist Werte den JavaScript-Variable zu.

Der einfache Zuweisungsoperator (=) weist den Wert des rechten Operanden dem linken Operanden zu.

OperatorBeschreibungBeispielGleichheitTesten Sie
=Zuweisunga = ba = bTesten Sie
+=Addieren nach der Zuweisunga + = ba = a + bTesten Sie
-=Subtrahieren nach der Zuweisunga-= ba = a-bTesten Sie
*=Multiplizieren nach der Zuweisunga * = ba = a * bTesten Sie
**=Potenzieren nach der Zuweisunga ** = ba = a ** bTesten Sie
/=Dividieren nach der Zuweisunga / = ba = a / bTesten Sie
%=Modulo nach der Zuweisunga%= ba = a%bTesten Sie

JavaScript Vergleichsoperatoren

Vergleichsoperatoren werden verwendet, um zwei Werte zu vergleichen und einen booleschen Wert zurückzugeben.

OperatorBeschreibungBeispielDefinitionTesten Sie
==gleicha == bwird true, wenn a gleich b istTesten Sie
===gleicha === bwird true, wenn a gleich b ist und sie der gleichen TypTesten Sie
!=ungleicha!=bwird true, wenn a nicht gleich b istTesten Sie
!==ungleich einschließlich Typa! == bwird true, wenn a nicht gleich b ist und nicht derselben DatentypTesten Sie
>größera> bwird true, wenn a größer b istTesten Sie
<kleinera <bwird true, wenn a kleiner b istTesten Sie
>=größer oder gleicha>=bwird true, wenn a größer oder gleich b istTesten Sie
<=kleiner oder gleicha <= bwird true, wenn a kleiner oder gleich b istTesten Sie

Unterschied zwischen (a == b) und (a === b):

  • == wenn a gleich b ist, wird true zurückgegeben

  • === wenn a gleich b ist und sie dergleichen Typ, dann wird true zurückgegeben

Man kann Vergleichsoperatoren in bedingten Anweisungen verwenden, um Werte zu vergleichen und unterschiedliche Prozesse basierend auf dem Ergebnis einzugehen.

In den folgenden Abschnitten dieses Tutorials werden Sie lernen, wie man bedingte Anweisungen verwendet.

JavaScript Bit-Operationen

Bit-Operationen betrachten ihre Operanden als32Bits (Null und Eins), nicht in Dezimal-, Hexadezimal- oder Oktalzahlen, umgewandelt.

Jeglicher numerischer Operand im folgenden Vorgang wird in32Ziffern. Das Ergebnis wird in die JavaScript-Zahl konvertiert.

OperatorBeschreibungBeispielGleichheitErgebnisKommazahl
&Und5&10101und00010001 1ein
|Oder5 | 10101 | 00010101 5
~Negation
~5 ~01011010 10
^XOR5 ^ 10101 ^ 00010100 4
<<Verschiebung nach links5 << 10101 << 11010 10
>>gekennzeichnete Rechte Verschiebung5 >> 10101 >> 10010  2
>>ungekennzeichnete Rechte Verschiebung5 >> 10101 >> 10010  2

Das obige Beispiel verwendet4bitweise unzeichneter Beispiel. Aber JavaScript verwendet32bitweise gezeichnete Zahl.

Daher gibt ~ in JavaScript5nicht zurückgegeben10. Es wird-6.

~00000000000000000000000000000101wird zurückgegeben11111111111111111111111111111010

JavaScript-logische Operatoren

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

Logische Operatoren werden normalerweise zur Kombination von bedingten Anweisungen verwendet und geben Boolean-Werte zurück.

OperatorBeschreibungBeispielDefinitionTesten Sie
&&logischer Unda && bwenn a und b beide wahr sind, dann wahrTesten Sie
||logischer Odera || bwenn a oder b wahr sind, dann wahrTesten Sie
!logischer Nicht!awenn a nicht wahr ist, dann wahrTesten Sie

JavaScript-String-Operator

Der+Der Operator kann auch zur Verbindung (Verknüpfung) von Strings verwendet werden.

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + "" + str2;
Testen sehen‹/›

Additionszuweisungsoperator+= kann auch zur Verbindung (Verknüpfung) von Strings verwendet werden.

var str1 = "Hey! ";
str1 += "How r u doing?";
Testen sehen‹/›

Wenn er auf Strings verwendet wird, gibt der+Der Operator wird als Concatenationsoperator bezeichnet.

JavaScript bedingter (dreiwertiger) Operator

Der bedingte Operator ist der einzige JavaScript-Operator, der drei Operanden verwendet.

Die Beschreibung kann eines der beiden Werte auf Basis der Bedingung erhalten. Die Syntax ist:

condition ? val1 : val2

Wenncondition Das Ergebnis der Berechnung isttruewird zurückgegeben, wennval1wird zurückgegeben, wenn nichtval2.

Der bedingte Operator kann an jedem Ort verwendet werden, an dem ein Standardoperator verwendet werden kann.

var status = (age >= 18) ? "Erwachsener" : "Kind";
Testen sehen‹/›

Wenn das Alter18Wenn das Alter 18 Jahre oder älter ist, wird der Wert "Erwachsener" der Variable status zugewiesen. Andernfalls wird dem status der Wert "Kind" zugewiesen.

JavaScript unäre Operatoren

Eine unäre Operation ist eine Operation mit nur einem Operanden.

JavaScript enthält drei unäre Operatoren:

BeschreibungBeschreibung
deleteLöscht ein Objekt, ein Attribut eines Objekts oder den Element an einer bestimmten Indexposition in einem Array
typeofGibt den Typ der Variable zurück
voidEinen Ausdruck mit angeforderter Wert, ohne Wert zurückzugeben

delete-Operator

Der delete-Operator kann Objekte, Attribut eines Objekts oder den Element an einer bestimmten Indexposition in einem Array löschen.

Gibt der delete-Operator zurück, ob die Operation ausgeführt werden kann; andernfalls gibt er false zurück. Wenn die Operation nicht ausgeführt werden kann, gibt er auch false zurück.

Wenn der delete-Operator erfolgreich ist, setzt er das Attribut oder den Element auf undefined:

var user = {firstName:"Vishal", age:"22, color:"blue"}
delete user.firstName;  // gibt true zurück
Testen sehen‹/›

Wenn der delete-Operator ein Array-Element löscht, wird dieses Element aus dem Array entfernt.

var fruits = ["Apple", "Mango", "Banana"];
delete fruits[0];   // delete "Apple"
Testen sehen‹/›

Hinweis:Bei der Löschung eines Array-Elements wird die Länge des Arrays nicht beeinflusst.

typeof-Operator

Der typeof-Operator gibt den Typ eines Variablen oder Ausdrucks zurück.

typeof ""  // Gibt "string" zurück
typeof "Vishal"// Gibt "string" zurück
typeof "42"// Gibt "string" zurück (Zahl im Anführungszeichen ist String)
typeof 42  // Gibt "number" zurück
typeof true// Gibt "boolean" zurück
typeof false   // Gibt "boolean" zurück
typeof undefined   // Gibt "undefined" zurück
typeof null// Gibt "object" zurück
typeof {name:"Vishal", age:22} // Gibt "object" zurück
typeof [2, 4, 6, 8]// Gibt "object" zurück (nicht "array", siehe untenstehender Hinweis)
typeof function myFunc(){} // Gibt "function" zurück
Testen sehen‹/›

Hinweis:Der typeof-Operator gibt für Arrays "object" zurück, da Arrays in JavaScript Objekte sind.

Dies ist die Liste der von der typeof-Operation zurückgegebenen Werte:

Typ
Der vom typeof-Operator zurückgegebene String
Number"number"
String"string"
Boolean"boolean"
Object"object"
Function"function"
Undefined"undefined"
Null"object"

void-Operator

Der void-Operator gibt einen Ausdruck an, der einen Wert haben soll, gibt aber keinen Wert zurück.

Der folgende Code erstellt einen Hyperlink, der beim Klicken durch den Benutzer keine Aktion ausführt.

<a href="javascript:void(0)">Klicken Sie hier, um nichts zu tun</a>
Testen sehen‹/›

JavaScript-Verknüpfungsoperator

Verknüpfungsoperator vergleichen ihre Operanden und geben einen booleschen Wert zurück, je nachdem, ob der Vergleich wahr ist.

In JavaScript gibt es zwei Verknüpfungsoperator:

BeschreibungBeschreibung
inWenn das angegebene Attribut im angegebenen Objekt vorhanden ist, wird true zurückgegeben
instanceofgibt true zurück, wenn das Objekt ein Beispiel eines Objekttyps ist

operator in

Wenn das angegebene Attribut im angegebenen Objekt ist, gibt der operator in true zurück.

var user = {firstName:"Vishal", age:"22, color:"blue"}
"firstName" in user;  // gibt true zurück
"age" in user;// gibt true zurück
"Food" in user;   // gibt false zurück
Testen sehen‹/›

Bei der Verwendung des operators in mit Array-Arrays muss die Indexnummer angegeben werden, nicht der Wert an dieser Stelle.

var fruits = ["Apple", "Mango", "Banana"];
var item1 = 0 in fruits;  // gibt true zurück
var item2 = 1 in fruits;  // gibt true zurück
var item3 = 2 in fruits;  // gibt true zurück
var item4 = 3 in fruits;  // gibt false zurück
Testen sehen‹/›

operator instanceof

Wenn das angegebene Objekt dem angegebenen Objekttyp entspricht, gibt der operator instanceof true zurück.

Verwenden Sie den operator instanceof, um Objekttypen bei der Laufzeit zu bestimmen.

var myObj = new Date();
falls (myObj instanceof Date) {
   // Anweisungen, die ausgeführt werden sollen
}
Testen sehen‹/›