Arithmetische Operationen — JavaScript

Was ist das und wozu?

Stell dir vor, du bist Kassierer in einem Süßwarenladen. Ein Kunde kommt zu dir und sagt: „Gib mir 3 Schokoriegel für je 50 Rubel und 2 Limonaden für je 70 Rubel.“ Um die Summe zu berechnen, musst du multiplizieren (3 × 50 und 2 × 70) und dann die Ergebnisse addieren. Wenn der Kunde 500 Rubel gibt, musst du den Kaufbetrag subtrahieren, um das Wechselgeld herauszugeben. Wenn die Bonbons in Packungen zu 4 Stück verkauft werden und du 10 Bonbons brauchst, musst du dividieren und herausfinden, wie viele Packungen du nehmen musst.

In JavaScript funktionieren arithmetische Operationen genauso wie im Matheunterricht. Nur dass du dem Computer Befehle gibst, anstatt auf Papier zu schreiben. Der Computer rechnet blitzschnell und macht nie Fehler (wenn du keinen Fehler im Befehl machst).

Wozu braucht ein Programmierer das? Stell dir vor, du schreibst ein Spiel, in dem eine Figur Münzen sammelt. Jede Münze gibt 10 Punkte. Du musst in der Lage sein, 10 zum aktuellen Punktestand zu addieren. Oder du machst einen Taschenrechner für den Physikunterricht – dort brauchst du alle Operationen auf einmal.

In JavaScript gibt es 5 grundlegende arithmetische Operationen:

• + — Addition (wie in der Schule)
• - — Subtraktion
• * — Multiplikation (Sternchen, weil es auf der Tastatur kein ×-Zeichen gibt)
• / — Division (Schrägstrich, weil es kein ÷-Zeichen gibt)
• % — Modulo (Rest einer Division) (das ist neu! Zeigt, was übrig bleibt, wenn man ganzzahlig teilt)

Im Gegensatz zu Python, wo die Division immer eine Bruchzahl ergibt (z.B. 10 / 3 = 3.333...), gibt es in JavaScript auch Bruchzahlen, aber es gibt eine Besonderheit: Ganze Zahlen in JS können sich unerwartet verhalten, wenn sie sehr groß sind. Aber dazu später mehr.

Die Hauptregel: Der Computer führt die Operationen in der gleichen Reihenfolge aus wie in der Mathematik: zuerst Multiplikation und Division, dann Addition und Subtraktion. Klammern ändern die Reihenfolge. Merk dir: zuerst Klammern, dann Multiplikation/Division, dann Addition/Subtraktion.

Codebeispiele mit Erklärung

Lass uns gleich zu den Beispielen übergehen. Öffne die Browserkonsole (F12 → Tab „Console“) oder einen beliebigen Online-Editor und versuche, den Code einzugeben. Alle Beispiele können kopiert und ausgeführt werden.

Beispiel 1: Addition und Subtraktion – wie im Laden

// Du hattest 150 Rubel. Du hast ein Brötchen für 45 Rubel gekauft.
// Wie viel Geld ist übrig?
let bylo = 150;
let potratil = 45;
let ostalos = bylo - potratil;
console.log("Übrige Rubel:", ostalos); // Gibt aus: Übrige Rubel: 105

// Und jetzt stell dir vor, Mama hat dir noch 50 Rubel für ein Eis gegeben.
let dobavka = 50;
let vsego = ostalos + dobavka;
console.log("Jetzt hast du insgesamt Rubel:", vsego); // Gibt aus: Jetzt hast du insgesamt Rubel: 155

// Übrigens, du kannst auch direkt Zahlen schreiben, ohne Variablen:
console.log(100 + 200); // 300
console.log(500 - 250); // 250

Erklärung: Variablen sind wie Schachteln mit Etiketten. In die Schachtel bylo haben wir die Zahl 150 gelegt. Wenn wir bylo - potratil schreiben, holt der Computer die Zahlen aus den Schachteln und subtrahiert sie. Das Ergebnis legen wir in eine neue Schachtel ostalos. console.log ist der Befehl „zeige das Ergebnis in der Konsole an“.

In Python würde das fast gleich aussehen, nur dass let nicht nötig ist (in Python einfach bylo = 150). JavaScript benötigt let (oder const oder var), um eine Variable zu deklarieren.

Beispiel 2: Multiplikation – Kosten eines Einkaufs berechnen

// Du kaufst 4 Hefte zu je 25 Rubel.
// Wie viel musst du bezahlen?
let cenaTetradi = 25;
let kolichestvo = 4;
let stoimost = cenaTetradi * kolichestvo;
console.log("Kosten der Hefte:", stoimost); // 100

// Und wenn du 3 Packungen Kekse zu je 89 Rubel und 2 Säfte zu je 55 Rubel kaufen musst?
let pechenie = 89 * 3; // 267
let sok = 55 * 2;      // 110
let itog = pechenie + sok;
console.log("Gesamtbetrag:", itog); // 377

// Du kannst auch direkt in console.log rechnen:
console.log("Probe:", 89 * 3 + 55 * 2); // Auch 377

// Multiplikation in der Programmierung ist das Sternchen *.
// In der Mathematik schreibt man ×, auf der Tastatur gibt es das nicht, deshalb verwendet man *.
console.log(10 * 10); // 100
console.log(7 * 8);   // 56

Erklärung: Beachte: Wir haben nicht (89 * 3) + (55 * 2) geschrieben, obwohl das auch möglich wäre. Der Computer weiß selbst, dass die Multiplikation vor der Addition ausgeführt wird. Aber wenn du sicher sein willst – setze Klammern. Sie stören nicht und machen den Code verständlicher.

Tipp: Setze bei komplexen Ausdrücken immer Klammern, wie in der Mathematik. (a + b) * c ist nicht dasselbe wie a + b * c.

Beispiel 3: Division – Pizza teilen

// Du hast eine Pizza mit 8 Stücken. Ihr seid 3 Freunde (und du bist der Vierte).
// Wie viele Stücke bekommt jeder, wenn gerecht geteilt wird?
let kuskov = 8;
let druzei = 4; // du + 3 Freunde
let kazhdomu = kuskov / druzei;
console.log("Jeder bekommt Stücke:", kazhdomu); // 2

// Und wenn die Pizza 10 Stücke hat und ihr 4 seid?
console.log(10 / 4); // 2.5 – jeder bekommt 2,5 Stücke

// Division kann Bruchzahlen ergeben. In JavaScript heißen sie "Gleitkommazahlen".
console.log(7 / 2); // 3.5
console.log(1 / 3); // 0.3333333333333333 (viele Nachkommastellen)

// Wichtig: Wenn man 0 durch eine beliebige Zahl teilt, erhält man 0:
console.log(0 / 5); // 0

// Und wenn man eine Zahl durch 0 teilt? Erhält man Infinity (Unendlich):
console.log(10 / 0); // Infinity – das ist ein spezieller Wert in JS

Erklärung: In Python ergibt die Division / ebenfalls eine Bruchzahl. Aber Python hat auch // – die Ganzzahldivision (wie viele ganze Stücke). In JavaScript gibt es diesen Operator nicht (aber es gibt Möglichkeiten, eine ganze Zahl zu erhalten – mit Math.floor oder Math.trunc, dazu später mehr).

Merk dir: Durch Null zu teilen ist in der Mathematik nicht erlaubt, aber der Computer stürzt nicht ab – er gibt Infinity (Unendlichkeit) aus.