TypeScript - While-Schleife: Ein Anfängerleitfaden

Hallo, angehende Programmierer! Heute tauchen wir in eines der grundlegenden Konzepte der Programmierung ein: die While-Schleife. Als dein freundlicher Nachbarschafts-Computerlehrer freue ich mich darauf, dich auf dieser Reise zu begleiten. Mach dir keine Sorgen, wenn du neu im Programmieren bist – wir beginnen bei den Grundlagen und arbeiten uns hinauf. Also hol dir eine Tasse Kaffee (oder dein Lieblingsgetränk) und los geht's mit dem Schleifen!

Was ist eine While-Schleife?

Bevor wir ins Detail gehen, lassen wir uns klar werden, was eine While-Schleife ist. Stell dir vor, du spielst ein Spiel, bei dem du eine Würfel so lange werfen musst, bis du eine Sechs bekommst. Du würdest vorher nicht wissen, wie oft du würfeln musst, oder? Genau hier kommt die While-Schleife in der Programmierung sehr gelegen!

Eine While-Schleife ermöglicht es dir, einen Block von Code so lange wiederzuholen, bis eine bestimmte Bedingung wahr ist. Es ist, als ob du deinem Computer sagst: "Hey, tu das weiter, bis ich dir sage, dass du aufhören sollst!"

Syntax

Nun schauen wir uns die Syntax einer While-Schleife in TypeScript an:

while (bedingung) {
// auszuführender Code
}

Das ist ziemlich einfach, oder? Hier ist, was jeder Teil bedeutet:

• while: Dieses Schlüsselwortteilt TypeScript mit, dass wir eine While-Schleife beginnen.
• bedingung: Dies ist ein boolescher Ausdruck, der vor jeder Iteration der Schleife überprüft wird. Wenn er wahr ist, setzt die Schleife fort; wenn er falsch ist, stoppt die Schleife.
• { }: Diese geschweiften Klammern enthalten den Code, der so lange wiederholt wird, bis die Bedingung wahr ist.

Flussdiagramm

Um besser zu verstehen, wie eine While-Schleife funktioniert, schauen wir uns ein Flussdiagramm an:

┌─────────────┐
│   Start     │
└─────┬───────┘
│
▼
┌─────────────────┐
│ Check bedingung │◄─────┐
└─────────┬───────┘      │
│              │
▼              │
┌────────┐          │
┌────│  True  │          │
│    └────┬───┘          │
│         │              │
│         ▼              │
│  ┌─────────────┐       │
│  │ Ausführen   │       │
│  │   von Code  │       │
│  └─────────────┘       │
│         │              │
│         └──────────────┘
│
│    ┌────────┐
└────►  False │
└────┬───┘
│
▼
┌─────────────┐
│    End      │
└─────────────┘

Dieses Diagramm zeigt, wie die While-Schleife kontinuierlich die Bedingung überprüft und den Codeblock ausführt, bis die Bedingung falsch wird.

Beispiel: While-Schleife

Lassen wir uns ein praktisches Beispiel ansehen. Wir erstellen ein Programm, das von 5 bis 1 herunterzählt:

let countdown: number = 5;

while (countdown > 0) {
console.log(countdown);
countdown--;
}

console.log("Blast off!");

Lassen wir das auseinanderbrechen:

1. Wir beginnen mit der Deklaration einer Variablen countdown und setzen sie auf 5.
2. Die While-Schleife überprüft, ob countdown größer als 0 ist.
3. Wenn ja, wird der aktuelle Wert von countdown ausgegeben.
4. Dann wird countdown um 1 verringert, indem der Operator -- verwendet wird.
5. Dieser Prozess wiederholt sich, bis countdown nicht mehr größer als 0 ist.
6. Schließlich wird "Blast off!" ausgegeben, wenn die Schleife endet.

Wenn du diesen Code ausführst, wirst du folgendes sehen:

5
4
3
2
1
Blast off!

Ist das nicht cool? Es ist, als hätten wir unseren eigenen kleinen Raketenstart-Countdown erstellt!

While-Schleife mit einer Break-Anweisung

Manchmal möchtest du eine Schleife frühzeitig beenden, basierend auf einer bestimmten Bedingung. Hier kommt die break-Anweisung ins Spiel. Es ist, als hättest du einen Notausgang in deiner Schleife!

Lassen wir unser Countdown-Beispiel ändern:

let countdown: number = 10;

while (countdown > 0) {
console.log(countdown);
countdown--;

if (countdown === 5) {
console.log("Wir sind zur Hälfte da!");
break;
}
}

console.log("Countdown unterbrochen!");

In diesem Beispiel starten wir den Countdown von 10, aber wir unterbrechen ihn, wenn wir 5 erreichen. Die Ausgabe wird sein:

10
9
8
7
6
5
Wir sind zur Hälfte da!
Countdown unterbrochen!

Die break-Anweisung ermöglicht es uns, die Schleife vorzeitig zu beenden, wenn eine bestimmte Bedingung erfüllt ist.

While-Schleife vs. For-Schleife

Nun könnte man sich fragen: "Warum verwenden wir eine While-Schleife, wenn wir For-Schleifen haben?" Great question! Lassen uns sie vergleichen:

While-Schleife	For-Schleife
Wird verwendet, wenn die Anzahl der Iterationen unbekannt ist	Wird verwendet, wenn die Anzahl der Iterationen bekannt ist
Bedingung wird am Anfang jeder Iteration überprüft	Initialisierung, Bedingung und Update sind alle in einer Zeile
Kann leichter unendliche Schleifen erzeugen	Wird typischerweise für endliche Schleifen verwendet
Mehr flexible Struktur	Mehr kompakte Struktur

Hier ist ein schneller Beispiel, um zu veranschaulichen:

// While-Schleife
let i: number = 0;
while (i < 5) {
console.log(i);
i++;
}

// Äquivalente For-Schleife
for (let j: number = 0; j < 5; j++) {
console.log(j);
}

Beide Schleifen werden Zahlen von 0 bis 4 ausgeben. Die While-Schleife ist flexibler, da du die Schleifenvariable (i) komplexer im Schleifenkörper ändern kannst. Die For-Schleife ist andererseits kompakter, wenn du genau weißt, wie oft du iterieren möchtest.

Fazit

Und das war's, Leute! Wir haben die Welt der While-Schleifen in TypeScript durchquert. Von der Verständnis der grundlegenden Syntax bis hin zu Break-Anweisungen und dem Vergleich mit For-Schleifen, seid ihr nun mit dem Wissen ausgestattet, While-Schleifen effektiv in eurem Code zu verwenden.

Denkt daran, Programmierung ist wie das Fahrradfahren – am Anfang mag es wackelig sein, aber mit Übung werdet ihr in Windeseile dahinfahren! Also habt keine Angst, While-Schleifen in euren eigenen Projekten auszuprobieren. Versucht, ein Ratespiel zu erstellen oder ein Programm, das Zinseszinsen berechnet, bis ein bestimmter Betrag erreicht ist.

Frohes Coden und möge eure Schleifen immer terminieren!

Credits: Image by storyset