JavaScript-Operatoren

Inhaltsverzeichnis

Der Additionsoperator + fügt Zahlen hinzu:

Der Zuweisungsoperator = weist einer Variablen einen Wert zu.

JavaScript-Zuweisung

Der Zuweisungsoperator (=) weist einer Variablen einen Wert zu:

Aufgabenbeispiele

let x = 10;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The = Operator</h2>

<p id="demo"></p>

<script>
let x = 10;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z:
let z = x + y;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The Assignment (=) Operator</h2>

<p id="demo"></p>

<script>
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z
let z = x + y;
// Display z
document.getElementById("demo").innerHTML = "The sum of x + y is: " + z;
</script>

</body>
</html>

JavaScript-Ergänzung

Der Additionsoperator (+) fügt Zahlen hinzu:

Hinzufügen

let x = 5;
let y = 2;
let z = x + y;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The + Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

JavaScript-Multiplikation

Der Multiplikationsoperator (*) multipliziert Zahlen:

Multiplizieren

let x = 5;
let y = 2;
let z = x * y;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The * Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Arten von JavaScript-Operatoren

Es gibt verschiedene Arten von JavaScript-Operatoren:

Rechenzeichen
Zuweisungsoperatoren
Vergleichsoperatoren
String-Operatoren
Logische Operatoren
Bitweise Operatoren
Ternäre Operatoren
Geben Sie Operatoren ein

Arithmetische JavaScript-Operatoren

Arithmetische Operatoren werden verwendet, um Arithmetik mit Zahlen durchzuführen:

Beispiel für arithmetische Operatoren

let a = 3;
let x = (100 + 50) * a;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Arithmetic Operations</h2>
<p>A typical arithmetic operation takes two numbers (or expressions) and produces a new number.</p>

<p id="demo"></p>

<script>
let a = 3;
let x = (100 + 50) * a;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

+: Zusatz
-: Subtraktion
*: Multiplikation
**: Potenzierung (ES2016)
/: Aufteilung
%: Modul (Divisionsrest)
++: Zuwachs
--: Dekrementieren

Notiz

Arithmetische Operatoren werden im ausführlich beschrieben JS-Arithmetik-Kapitel.

JavaScript-Zuweisungsoperatoren

Zuweisungsoperatoren weisen JavaScript-Variablen Werte zu.

Der Additionszuweisungsoperator (+=) fügt einer Variablen einen Wert hinzu.

Abtretung

let x = 10;
x += 5;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The += Operator</h2>

<p id="demo"></p>

<script>
var x = 10;
x += 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operator	Example	Same As
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

Notiz

Zuweisungsoperatoren werden im ausführlich beschrieben Kapitel „JS-Aufgabe“.

JavaScript-Vergleichsoperatoren

==: gleich
===: gleicher Wert und gleicher Typ
!=: nicht gleich
!==: ungleicher Wert oder ungleicher Typ
>: größer als
<: weniger als
>=: größer als oder gleich wie
<=: Gleich oder kleiner als
?: ternärer Operator

Notiz

Vergleichsoperatoren werden im ausführlich beschrieben Kapitel „JS-Vergleiche“.

JavaScript-String-Vergleich

Alle oben genannten Vergleichsoperatoren können auch auf Zeichenfolgen verwendet werden:

Beispiel

let text1 = "A";
let text2 = "B";
let result = text1 < text2;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>

<p>All conditional operators can be used on both numbers and strings.</p>

<p id="demo"></p>

<script>
let text1 = "A";
let text2 = "B";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is A less than B? " + result;
</script>

</body>
</html>

Beachten Sie, dass Zeichenfolgen alphabetisch verglichen werden:

Beispiel

let text1 = "20";
let text2 = "5";
let result = text1 < text2;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Operators</h1>
<p>Note that strings are compared alphabetically:</p>

<p id="demo"></p>

<script>
let text1 = "20";
let text2 = "5";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is 20 less than 5? " + result;
</script>

</body>
</html>

Hinzufügen von JavaScript-Strings

Das + kann auch zum Hinzufügen (Verketten) von Zeichenfolgen verwendet werden:

Beispiel

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>The + operator concatenates (adds) strings.</p>

<p id="demo"></p>

<script>
let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
document.getElementById("demo").innerHTML = text3;
</script>

</body>
</html>

Der Zuweisungsoperator += kann auch zum Hinzufügen (Verketten) von Zeichenfolgen verwendet werden:

Beispiel

let text1 = "What a very ";
text1 += "nice day";

Das Ergebnis von text1 wird sein:

What a very nice day
Probieren Sie es selbst aus →
<!DOCTYPE html> <html> <body> <h1>JavaScript String Operators</h1> <h2>The += Operator</h2> <p>The assignment operator += can concatenate strings.</p> <p id="demo"></p> <script> let text1 = "What a very "; text1 += "nice day"; document.getElementById("demo").innerHTML = text1; </script> </body> </html>

Notiz

Bei Verwendung auf Zeichenfolgen wird der +-Operator als Verkettungsoperator bezeichnet.

Hinzufügen von Zeichenfolgen und Zahlen

Das Addieren zweier Zahlen ergibt die Summe, das Addieren einer Zahl und einer Zeichenfolge ergibt jedoch eine Zeichenfolge:

Beispiel

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Das Ergebnis von x, y und z ist:

10 55 Hello5
Probieren Sie es selbst aus →
<!DOCTYPE html> <html> <body> <h1>JavaScript String Operators</h1> <h2>The + Operator</h2> <p>Adding a number and a string, returns a string.</p> <p id="demo"></p> <script> let x = 5 + 5; let y = "5" + 5; let z = "Hello" + 5; document.getElementById("demo").innerHTML = x + "<br>" + y + "<br>" + z; </script> </body> </html>

Notiz

Wenn Sie eine Zahl und eine Zeichenfolge hinzufügen, ist das Ergebnis eine Zeichenfolge!

Logische JavaScript-Operatoren

&&: logisch und
||: logisch oder
!: logisch nicht

Notiz

Logische Operatoren werden im ausführlich beschrieben Kapitel „JS-Vergleiche“.

JavaScript-Typoperatoren

typeof: Gibt den Typ einer Variablen zurück
instanceof: Gibt true zurück, wenn ein Objekt eine Instanz eines Objekttyps ist

Notiz

Typoperatoren werden im Kapitel JS-Typkonvertierung ausführlich beschrieben.

Bitweise JavaScript-Operatoren

Bitoperatoren arbeiten mit 32-Bit-Zahlen.

Jeder numerische Operand in der Operation wird in eine 32-Bit-Zahl umgewandelt. Das Ergebnis wird zurück in eine JavaScript-Zahl umgewandelt.

Operator	Description	Example	Same as	Result	Decimal
&	AND	5 & 1	0101 & 0001	0001	1
\|	OR	5 \| 1	0101 \| 0001	0101	5
~	NOT	~ 5	~0101	1010	10
^	XOR	5 ^ 1	0101 ^ 0001	0100	4
<<	left shift	5 << 1	0101 << 1	1010	10
>>	right shift	5 >> 1	0101 >> 1	0010	2
>>>	unsigned right shift	5 >>> 1	0101 >>> 1	0010	2

Die obigen Beispiele verwenden 4-Bit-Beispiele ohne Vorzeichen. Aber JavaScript verwendet 32-Bit-Zahlen mit Vorzeichen.
Aus diesem Grund gibt ~ 5 in JavaScript nicht 10 zurück, sondern -6.
~00000000000000000000000000000101 gibt 1111111111111111111111111111010 zurück

Bitweise Operatoren werden im JS ausführlich beschrieben Bitweises Kapitel.