JavaScript - Schritt für Schritt

121

Kapitel 5

Operatoren und Ausdrücke

verwenden

In diesem Kapitel:

Operatoren im Überblick 122

Additive Operatoren 122

Multiplikative Operatoren 123

Bitweise Operatoren 124

Gleichheitsoperatoren 124

Relationale Operatoren 126

Zuweisungsoperatoren 135

Der Kommaoperator 136

Übungen 137

122

Kapitel 5: Operatoren und Ausdrücke verwenden

Nachdem Sie dieses Kapitel gelesen haben, sind Sie in der Lage:



die in JavaScript verfügbaren Operatoren zu verstehen



mithilfe der JavaScript-Operatoren mathematische Berechnungen, Gleichheitstests, relationale Tests

und Zuweisungen auszuführen



den Operator void zu verwenden, um ein neues Fenster mithilfe eines Links zu öffnen

Operatoren im Überblick

Die ECMA-262-Spezifikation definiert eine Zusammenstellung von Operatoren verschiedener Formen.

Dazu gehören:



Additive Operatoren



Multiplikative Operatoren



Bitweise Operatoren



Gleichheitsoperatoren



Relationale Operatoren



Unäre Operatoren



Zuweisungsoperatoren

Operatoren können sowohl mit literalen Werten wie zum Beispiel der Zahl 10 als auch mit Variablen und

anderen Objekten in JavaScript verwendet werden.

Additive Operatoren

Der Begriff additive Operatoren beschreibt sowohl Additions- als auch Subtraktionsoperatoren. Diese

Terminologie scheint nicht ganz passend zu sein, doch wie mir schon mein Mathelehrer in der fünften

Klasse beigebracht hat, ist die Subtraktion lediglich eine Addition mit einer negativen Zahl. Wie Sie sicher-

lich schon vermutet haben, bezeichnen + und - die Operatoren für Addition bzw. Subtraktion. Die folgen-

den Beispiele zeigen, wie diese Operatoren verwendet werden.

HINWEIS

Diese Beispiele finden Sie in der Begleitdatei additiveops.txt.

4 + 5; // Ergibt 9.

x + y; // Addiert x und y.

5 - 1; // Ergibt 4.

Der Additionsoperator wirkt unterschiedlich, je nach den zu addierenden Werten. Werden zwei Zeichenfol-

gen addiert, verkettet der Additionsoperator die Argumente auf der linken und rechten Seite. Unterscheiden

sich die zu addierenden Typen, können unerwartete Ergebnisse entstehen, da JavaScript einen der Typen

konvertieren muss, bevor sich die Addition (oder eine andere mathematische Operation) ausführen lässt.

Zum Beispiel erhalten Sie nicht die erwarteten Ergebnisse, wenn Sie von einer numerischen Variablen

ausgehen, der JavaScript-Interpreter aber annimmt, dass es sich um eine Zeichenfolge handelt. Hierzu einige

konkrete Beispiele:

Multiplikative Operatoren

123

var aNum = 947;

var aStr= "Rush";

var anotherNum = 53;

var aStrNum = "43";

var result1 = aNum + aStr; // result1 ist die Zeichenfolge "947Rush";

var result2 = aNum + anotherNum; // result2 ist die Zahl 1000;

var result3 = aNum + aStrNum; // result3 ist 94743;

Wie Kapitel 4 erläutert hat, können Sie mit JavaScript in vielen Fällen den einen Typ in einen anderen

explizit ändern oder konvertieren. Nehmen Sie als Beispiel die Variable result3 des obigen Codes. Zweifellos

ist geplant, dass result3 das Ergebnis des mathematischen Ausdrucks 947+43 aufnimmt. Doch da der zweite

Wert, der durch aStrNum dargestellt wird, eine Zeichenfolge ist, verkettet der Ausdruck die beiden Werte,

anstatt sie mathematisch als Zahlen zu addieren. Mit der Funktion ToNumbe r() lässt sich aber aStrNum in

eine Zahl umwandeln, die Sie dann in einem mathematischen Ausdruck (zum Beispiel in einer Addition)

wie erwartet verwenden können. Der folgende Code zeigt den relevanten Teil des obigen Beispiels mit der

entsprechenden Korrektur, um das beabsichtigte Ergebnis zu erhalten:

var aNum = 947;

var aStrNum = ToNumber("43");

var result3 = aNum + aStrNum; // result3 wird zu 990;

Multiplikative Operatoren

Wie die additiven Operatoren verhalten sich die multiplikativen Operatoren so, wie Sie es erwarten; sie

führen Multiplikation und Division durch. Der Multiplikationsoperator (*) multipliziert zwei Zahlen,

während der Divisionsoperator (/) zwei Zahlen dividiert. Der folgende Code zeigt ein Multiplikationsbei-

spiel. Das Ergebnis ist in Abbildung 5.1 zu sehen.

javascript:alert(2 * 2);

Abbildung 5.1 Warnungsdialogfeld mit Ausgabe eines Multiplikationsergebnisses

Zu den multiplikativen Operatoren gehört auch der Modulo-Operator, der durch das Prozentzeichen (%)

dargestellt wird. Der Modulo-Operator liefert den Rest der Division von zwei Zahlen. Zum Beispiel ist der

Modulo von 4 dividiert durch 3 gleich 1, wie es das folgende Codebeispiel demonstriert.

HINWEIS

Diese Beispiele finden Sie in der Begleitdatei multiplicativeops.txt.

javascript:alert(4 % 3);