Lektion 3 von 27 8 Min. Einsteiger Zur Übung Mit Codebeispiel

Operatoren

Operatoren rechnen, vergleichen und verknüpfen. Der Unterschied zwischen == und === gehört zu den wichtigsten Lektionen.

Ansicht

Verstehen

Lies die Kernidee und das Beispiel.

Prüfen

Beantworte die Aktiv-Checks.

Anwenden

Setze die Transferaufgabe um.

Lerninhalt

Verstehen & anwenden

Rechnen

+, -, * und / arbeiten wie erwartet.

% (Modulo) liefert den Rest einer Division, ** potenziert.

Kurzformen wie += und ++ verändern eine Variable direkt.

% (Modulo)**+=

Modulo

10 % 3;  // 1
8 % 2;   // 0 -> gerade Zahl
2 ** 10; // 1024

Vergleichen

=== vergleicht Wert UND Typ und ist der Standard.

== wandelt Typen vorher um und führt zu Überraschungen: "5" == 5 ist true, "5" === 5 ist false.

!==, <, >, <= und >= vervollständigen die Vergleiche.

=====!==

Strikt vergleichen

'5' == 5;   // true (Typumwandlung!)
'5' === 5;  // false
5 === 5;    // true

Logik

&& (und), || (oder) und !

(nicht) verknüpfen Bedingungen.

?? liefert den rechten Wert nur, wenn links null oder undefined steht — praktisch für Standardwerte.

&&||!??

Standardwert

const eingabe = null;
const name = eingabe ?? 'Gast';
// name ist 'Gast'

Vertiefung

===, == und der +-Fallstrick

=== vergleicht Wert und Typ, == wandelt vorher um. "5" == 5 ist deshalb true, "5" === 5 false. In modernem Code ist === der Standard.

Das Pluszeichen bedeutet je nach Typ Addition oder Verkettung. 1 + "2" ergibt "12", nicht 3. Prüfe Typen, bevor du rechnest.

Typen prüfen statt raten

console.log("5" == 5);   // true
console.log("5" === 5);  // false
console.log(1 + "2");    // "12"
console.log(Number("2") + 1); // 3

Merksatz: Für Vergleiche === verwenden. Bei + auf den Typ achten und bei Bedarf mit Number() umwandeln.

Übungsaufgabe

Punkte-Rechner

Berechne aus drei Punktzahlen die Summe und den Durchschnitt. Prüfe außerdem, ob die Summe gerade ist, und vergleiche einen String strikt mit einer Zahl.

Das soll dein Programm können

Summe und Durchschnitt berechnen
Modulo für gerade/ungerade verwenden
Einen strikten Vergleich mit === zeigen
Ergebnisse mit Template-String ausgeben

Dein Code

Schreibe den Code hier oder in deiner IDE und vergleiche ihn dann mit der Lösung.

Dein Code wird automatisch auf diesem Gerät gespeichert.

Hinweis anzeigen

Der Durchschnitt ist Summe / Anzahl. Für gerade: summe % 2 === 0.

Lösung anzeigen

Punkte-Rechner.js

const a = 12;
const b = 7;
const c = 5;

const summe = a + b + c;
const durchschnitt = summe / 3;
const gerade = summe % 2 === 0;

console.log(`Summe: ${summe}`);
console.log(`Durchschnitt: ${durchschnitt.toFixed(2)}`);
console.log(`Gerade: ${gerade}`);
console.log("5" === 5); // false

Warum funktioniert das?

toFixed(2) rundet nur die Ausgabe. Der Vergleich "5" === 5 ist false, weil string und number verschiedene Typen sind.

Aufgabe geschafft

Aktiv-Check

Teste dein Verständnis

1/6

Erkennen: Welcher Abschnitt passt?

Welcher Abschnitt passt zu diesen Begriffen?

% (Modulo)**+=

Tipp: Erst erinnern, dann prüfen. Fehler sind Teil des Lernens.

Transfer

Mini-Projekt: Der Lernzähler

Baue einen kleinen Zähler, der bei jedem Klick hochzählt und den Wert im DOM anzeigt. Erweitere ihn um einen Reset-Button.

Selbstcheck

Kann ich das schon?

Hake ab, was du wirklich erklären oder selbst bauen könntest.

0 von 3 geschafft

Fortschritt

Bereit zum Abschließen?

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.