Geschrieben von

JavaScript: Operatoren

Schublade

JavaScript bietet verschiedene Operatoren, mit denen man Objekte verknüpfen oder verarbeiten kann. Bei den Operatoren unterscheidet man zwischen folgenden:

  • Zuweisungsoperatoren
  • Vergleichsoperatoren
  • Rechenoperatoren
  • Logische Operatoren
  • Bit-Operatoren
  • Zeichenkettenverknüpfungsoperator
  • Punktoperator
  • Sonstige Operatoren

Zuweisungsoperatoren

Der Zuweisungsoperator weist z.B. einer Variable einen Wert zu. Dazu wird das Gleichheitszeichen verwendet.

Beispiel

var neuerWert = 18; // Der Variable wird der Wert 18 zugewiesen

Neben der einfachen Zuweisung gibt es bei den Zuweisungsoperatoren noch Rechenoperatoren mit Zuweisung; ein Mix aus Rechen- und Zuweisungsoperatoren (mehr zu Rechenoperatoren siehe unten). Diese kommen zum Einsatz, wenn man den Wert einer Variablen direkt umrechnen möchte. Das Ergebnis der Rechnung wird dann sofort in der Variable wieder gespeichert. Hießt: Rechenoperatoren mit Zuweisung führen eine Berechnung und zugleich eine Neuzuweisung durch. Konkret heißt das:

+= // Addition
-= // Subtraktion
*= // Multiplikation
/= // Division
%= // Restwert-Division

Nachfolgend ein Beispiel dazu. Anfangs speichern wir einen Wert in einer Variable und rechnen damit mit den eben genannten Operatoren immer weiter. Das Ergebnis ist immer rechts von der Berechnung zu sehen:

var zahl = 0;

zahl += 4; // 4
zahl -= 3; // 2
zahl *= 9; // 18
zahl /= 3; // 3
zahl %= 2; // 1

Bei den Rechenoperatoren gibt es zudem noch Inkrementoren und Dekrementoren. Diese vergrößern oder verkleinern den Wert einer Variablen um genau 1.

++zahl // Die Variable wird zuerst um 1 hochgezählt und dann ausgegeben
--zahl // Die Variable wird zuerst um 1 runtergezählt und dann ausgegeben
zahl++ // Die Variable wird zuerst ausgegeben und dann um 1 hochgezählt
zahl-- // Die Variable wird zuerst ausgegeben und dann um 1 runtergezählt

Wie man sehen kann ist hier entscheidend wo die Inkrementoren und Dekrementoren stehen. Stehen die Operatoren vor der Variable, wird diese zunächst berechnet und dann als neuer Wert ausgegeben. Stehen die Operatoren nach der Variablen, wird zunächst der aktuelle Variablenwert ausgegeben und erst im Anschluss neu berechnet.

Vergleichsoperatoren

Vergleichsoperatoren werden verwendet, um zwei Werte miteinander zu vergleichen. Das Ergebnis von Vergleichsoperatoren ist ein Wahrheitswert (boolescher Wert): true oder false.

Beispiele

== // Ist gleich
!= // Ist nicht gleich
>= // Größergleich als
> // Größer als
<= // Kleinergleich als
< // Kleiner als

Mit den eben genannten Vergleichsoperatoren lassen sich auch 2 unterschiedliche Datentypen miteinander vergleichen. Der Vergleich „alert(1 == „1“)“ gibt hier ein true aus, obwohl man hier eine Zahl mit einem String vergleicht.

Um bei Vergleichen den gleichen Datentype zu berücksichtigen gibt es noch 2 weitere Vergleichsoperatoren:

=== // Ist gleich und gibt true aus, wenn beide Werte gleich und vom gleichen Typ sind
!== // Ist nicht gleich und gibt true aus, wenn beide Werte gleich und vom gleichen Typ sind

Rechenoperatoren

Mit Rechenoperatoren lassen sich Berechnungen durchführen. Beim Rechnen in JavaScript gelten die gleichen Regeln wie in der Mathematik: Punkt vor Strich, Werte in Klammern werden zuerst gerechnet, etc.

+ // Addition
- // Subtraktion
* // Multiplikation
/ // Division
% // Restwert-Division

Bei den Rechenoperatoren gibt es noch Rechenoperatoren mit Zuweisung (siehe oben mehr dazu).

Logische Operatoren

Mit logischen Operatoren können Bedingungen verknüpft werden:

&& // Und-Verknüpfung
|| // Oder-Verknüpfung
! // Prüfung, ob ein Ausdruck unwahr ist

Bit-Operatoren

Mit Bit-Operatoren werden Zahlen bitweise miteinander verglichen oder verändert:

~ // bitweise NOT
& // bitweise AND
| // bitweise OR
^ // bitweise XOR (EOR / EXOR)
<< // Verschiebung eines Bitmuster um x Stellen nach links
>> // Verschiebung eines Bitmuster um x Stellen nach rechts
>>> // Verschiebung eines Bitmuster um x Stellen nach rechts, ohne Berücksichtigung des Vorzeichens

Zeichenkettenverknüpfungsoperator

Mit diesem werden 2 Zeichenketten miteinander verknüpft. Beispiel:

var vorname = "Max ";
var nachname = "Mustermann";
alert(vorname + nachname);

Zunächst werden Vor- und Nachname in jeweils einer Variable gespeichert. Im Anschluss werden beide Variablen verbunden und in einem Alert ausgegeben.

Punktoperator

Mit dem Punktoperator kann man auf die Eigenschaften eines Objekts zugreifen. Z.B. könnte man mit document.title auf den Seitentitel zugreifen.

Sonstige Operatoren

Zudem gibt es noch weitere Operatoren in JavaScript mit nachfolgenden Funktionen:

?: // Prüft, ob eine Aussage true ist. Falls ja, wird die erste Anweisung durchgeführt, falls nein (also false) wird die zweite Anweisung durchgeführt

instanceof // Prüft, ob ein Objekt eine Instanz einer bestimmten Klasse ist

delete // Damit wird ein Objekt oder ein Element eines Arrays gelöscht

in // Prüft, ob ein Objekt eine Eigenschaft enthält

new // Erstellung eines neues Objekts

typeof // Gibt den Typ eines Objekts zurück

void // Verhindert, dass etwas gemacht wird

... // Rest- oder Spread-Operator

Last modified: 17. Mai 2019

Diese Webseite verwendet Cookies um den vollen Funktionsumfang der Webseite und damit ein besseres Online-Erlebnis bieten zu können. Es werden auch Cookies verwendet, um Zugriffe auf die Webseite zu analysieren. Außerdem gibt die Webseite Informationen zu Deiner Verwendung dieser Webseite an Partner für Analysen weiter. Technisch nicht notwendige Cookies und Tracking-Cookies werden erst aktiviert, nachdem die Einwilligung erteilt wurde.
Alle zulassen
Alle ablehnen
Cookie-Einstellungen
Diese Webseite verwendet Cookies um den vollen Funktionsumfang der Webseite und damit ein besseres Online-Erlebnis bieten zu können. Es werden auch Cookies verwendet, um Zugriffe auf die Webseite zu analysieren. Außerdem gibt die Webseite Informationen zu Deiner Verwendung dieser Webseite an Partner für Analysen weiter. Technisch nicht notwendige Cookies und Tracking-Cookies werden erst aktiviert, nachdem die Einwilligung erteilt wurde.
Alle zulassen
Alle ablehnen
Cookie-Einstellungen
Impressum
Datenschutz