TypeScript - If...Else-Anweisung: Ein Anfängerleitfaden

Hallo da drüben, zukünftiger Codingsuperstar! ? Heute tauchen wir in eines der fundamentalsten Konzepte der Programmierung ein: die If...Else-Anweisung in TypeScript. Stell dir vor, sie als Entscheidungsträger in deinem Code, wie eine weise Eule, die deinem Programm hilft, den richtigen Weg zu wählen. Lassen Sie gemeinsam diese aufregende Reise antreten!

Was ist eine If...Else-Anweisung?

Bevor wir ins Detail gehen, lassen Sie uns verstehen, was eine If...Else-Anweisung ist. Stell dir vor, du bist in einem Eiscreme-Café und musst entscheiden, ob du Schokolade oder Vanille nimmst. Dein Gedankengang könnte so aussehen:

"Wenn Schokolade verfügbar ist, nehme ich Schokolade. Andernfalls (else) nehme ich Vanille."

Genau so funktioniert eine If...Else-Anweisung in der Programmierung! Sie ermöglicht deinem Code, basierend auf bestimmten Bedingungen Entscheidungen zu treffen.

Syntax

Nun schauen wir uns an, wie man eine If...Else-Anweisung in TypeScript schreibt. Mach dir keine Sorgen, wenn es anfangs etwas seltsam aussieht – wir werden es Schritt für Schritt durchgehen!

if (bedingung) {
// Code, der ausgeführt wird, wenn die Bedingung wahr ist
} else {
// Code, der ausgeführt wird, wenn die Bedingung falsch ist
}

Lassen Sie uns das auseinandernehmen:

1. if: Dieses Schlüsselwort startet die Anweisung.
2. (bedingung): Hier gibst du deine Bedingung ein. Es ist so, als ob du eine Frage stellst.
3. { }: Diese geschweiften Klammern enthalten den Code, der ausgeführt wird, wenn die Bedingung wahr ist.
4. else: Dieses Schlüsselwort führt die alternative Option ein.
5. { }: Diese geschweiften Klammern enthalten den Code, der ausgeführt wird, wenn die Bedingung falsch ist.

Flussdiagramm

Um zu visualisieren, wie eine If...Else-Anweisung funktioniert, schauen wir uns ein einfaches Flussdiagramm an:

[Start]
|
v
[Bedingung überprüfen]
/           \
(Ja)        (Nein)
|             |
v             v
[Wenn wahr ausführen]  [Wenn falsch ausführen]
|             |
v             v
[Fortsetzen]

Dieses Flussdiagramm zeigt, wie dein Programm basierend darauf, ob die Bedingung wahr oder falsch ist, den richtigen Weg wählt.

Beispiele

Nun tauchen wir in einige realistische Beispiele ein, um zu sehen, wie If...Else-Anweisungen in der Praxis funktionieren!

Beispiel 1: Eiscreme-Entscheidung

Lassen Sie uns unsere Eiscreme-Entscheidung von earlier codieren:

let schokoladeVerfuegbar: boolean = true;

if (schokoladeVerfuegbar) {
console.log("Großartig! Ich nehme Schokoladeneis.");
} else {
console.log("Ich nehme wohl Vanilleeis dann.");
}

In diesem Beispiel:

• Wir deklarieren eine Variable schokoladeVerfuegbar und setzen sie auf true.
• Die If-Anweisung überprüft, ob schokoladeVerfuegbar wahr ist.
• Da es wahr ist, wird der Code innerhalb der ersten geschweiften Klammern ausgeführt.
• Die Konsole zeigt an: "Großartig! Ich nehme Schokoladeneis."

Versuche schokoladeVerfuegbar auf false zu ändern und sieh, was passiert!

Beispiel 2: Gruß basierend auf der Uhrzeit

Lassen Sie uns ein Programm erstellen, das dich basierend auf der Uhrzeit unterschiedlich grüßt:

let aktuelleStunde: number = 14; // 2 PM

if (aktuelleStunde < 12) {
console.log("Guten Morgen!");
} else if (aktuelleStunde < 18) {
console.log("Guten Nachmittag!");
} else {
console.log("Guten Abend!");
}

Hier passiert folgendes:

• Wir setzen aktuelleStunde auf 14 (2 PM).
• Die erste Bedingung aktuelleStunde < 12 ist falsch, also geht es zur nächsten Bedingung.
• aktuelleStunde < 18 ist wahr, also wird "Guten Nachmittag!" in die Konsole geschrieben.
• Der letzte else-Block wird übersprungen.

Beispiel 3: Notenrechner

Lassen Sie uns einen einfachen Notenrechner erstellen:

let punkte: number = 85;
let note: string;

if (punkte >= 90) {
note = "A";
} else if (punkte >= 80) {
note = "B";
} else if (punkte >= 70) {
note = "C";
} else if (punkte >= 60) {
note = "D";
} else {
note = "F";
}

console.log(`Deine Note ist: ${note}`);

In diesem Beispiel:

• Wir setzen eine punkte von 85.
• Wir verwenden mehrere if...else if-Anweisungen, um die Punkte gegen verschiedene Bereiche zu überprüfen.
• Da 85 größer oder gleich 80 ist, wird die Note auf "B" gesetzt.
• Schließlich wird die Note in die Konsole geschrieben.

Häufige Methoden und ihre Verwendung

Hier ist eine Tabelle häufiger Methoden und Operatoren, die du mit If...Else-Anweisungen verwenden könntest:

Methode/Operator	Beschreibung	Beispiel
===	Strikte Gleichheit	if (x === 5)
!==	Strikte Ungleichheit	if (y !== 10)
>	Größer als	if (alter > 18)
<	Kleiner als	if (temperatur < 0)
>=	Größer oder gleich	if (punktzahl >= 60)
<=	Kleiner oder gleich	if (menge <= 0)
&&	Logisches UND	if (x > 0 && x < 10)
||	Logisches ODER	if (tag === "Sam" || tag === "Son")
!	Logisches NICHT	if (!eingeloggt)

Fazit

Glückwunsch! Du hast die ersten Schritte in die Welt der bedingten Programmierung mit TypeScript If...Else-Anweisungen gemacht. Denke daran, dass diese Anweisungen wie die Ampeln in deinem Code sind, die dein Programm auf verschiedenen Wegen führen.

Weiter codieren und erinnere dich daran – in der Programmierung, wie im Leben, geht es darum, die richtigen Entscheidungen zu treffen! ??

Credits: Image by storyset