TypeScript - Bedingte Anweisung (If Statement)

Hallo da draußen, zukünftige Codingsuperstars! Heute tauchen wir in eines der fundamentalsten Konzepte der Programmierung ein: die bedingte Anweisung, oder wie sie im Deutschen bekannt ist, die If-Anweisung. Setzen Sie sich an den Computer, denn wir machen uns auf zu einer aufregenden Reise durch die Welt der Entscheidungsfindung in TypeScript!

TypeScript - If Statement

Was ist eine If-Anweisung?

Bevor wir ins Detail gehen, lassen Sie uns verstehen, was eine If-Anweisung ist. Stellen Sie sich vor, Sie sind ein Roboter (cool, oder?) und Sie müssen entscheiden, ob Sie einen Regenmantel tragen sollen oder nicht. Sie würden wahrscheinlich denken: "Wenn es regnet, werde ich einen Regenmantel tragen." Genau das macht eine If-Anweisung in der Programmierung – sie hilft unserem Code, Entscheidungen basierend auf bestimmten Bedingungen zu treffen.

Syntax

Nun schauen wir uns an, wie man eine If-Anweisung in TypeScript schreibt. Machen Sie sich keine Sorgen, wenn es anfangs etwas seltsam aussieht – wir werden es Schritt für Schritt auseinandernehmen!

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

Lassen Sie uns das auseinandernehmen:

  1. Das Schlüsselwort ifweist TypeScript darauf hin, dass wir eine Entscheidung treffen werden.
  2. Die bedingung ist das, was wir überprüfen. Es steht immer in Klammern ().
  3. Die geschweiften Klammern {} enthalten den Code, der ausgeführt wird, wenn die Bedingung wahr ist.

Hier ist ein realweltliches Beispiel:

let regnet: boolean = true;

if (regnet) {
console.log("Vergiss nicht deinen Schirm!");
}

In diesem Code wird, wenn regnet wahr ist, "Vergiss nicht deinen Schirm!" in der Konsole ausgegeben. Es ist, als würde der Code auf dich aufpassen!

Flussdiagramm

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

+-------------+
|   Start     |
+-------------+
|
v
+-------------+
| Ist Bedingung|
|    wahr?    |
+-------------+
|         |
Ja       Nein
|         |
v         v
+-----------+  +-----------+
| Führe     |  | Überspringe |
| diesen Code |  |   diesen Code    |
+-----------+  +-----------+
|         |
|         |
v         v
+-------------+
|    Ende      |
+-------------+

Dieses Flussdiagramm zeigt, wie das Programm entscheidet, ob der Code innerhalb der If-Anweisung ausgeführt wird oder vollständig übersprungen wird.

Beispiele

Lassen Sie uns einige mehr Beispiele anschauen, um unser Verständnis der If-Anweisungen zu festigen.

Beispiel 1: Alter überprüfen

let alter: number = 18;

if (alter >= 18) {
console.log("Du bist wahlberechtigt!");
}

Hier überprüfen wir, ob die Person alt genug zum Wählen ist. Wenn alter 18 oder höher ist, wird die Nachricht angezeigt.

Beispiel 2: String-Gleichheit überprüfen

let lieblingsfarbe: string = "blau";

if (lieblingsfarbe === "blau") {
console.log("Du hast einen exzellenten Geschmack in Farben!");
}

In diesem Beispiel verwenden wir den strikten Gleichheitsoperator ===, um zu überprüfen, ob lieblingsfarbe exakt "blau" ist. Denken Sie daran, dass in TypeScript (und JavaScript) === verwendet wird, um sicherzustellen, dass sowohl der Wert als auch der Typ übereinstimmen.

Beispiel 3: Mehrere Bedingungen überprüfen

Manchmal müssen wir mehrere Bedingungen überprüfen. Wir können dies tun, indem wir logische Operatoren verwenden:

let istWochenende: boolean = true;
let temperatur: number = 25;

if (istWochenende && temperatur > 20) {
console.log("Perfekter Tag für ein Picknick!");
}

Hier verwenden wir den UND-Operator &&, um zu überprüfen, ob es sowohl das Wochenende ist und die Temperatur über 20 liegt. Nur wenn beide Bedingungen wahr sind, schlagen wir ein Picknick vor.

Beispiel 4: Geschachtelte If-Anweisungen

Wir können auch If-Anweisungen in anderen If-Anweisungen platzieren. Dies wird als verschachteln bezeichnet:

let hatKarte: boolean = true;
let alter: number = 15;

if (hatKarte) {
if (alter >= 18) {
console.log("Genieße den Film!");
} else {
console.log("Entschuldigung, dieser Film ist nur für Erwachsene.");
}
} else {
console.log("Du musst zuerst ein Ticket kaufen.");
}

In diesem Beispiel überprüfen wir zuerst, ob die Person ein Ticket hat. Wenn ja, überprüfen wir ihr Alter, um zu sehen, ob sie alt genug für den Film ist.

Fazit

Glückwunsch! Sie haben die ersten Schritte in die Welt der bedingten Programmierung mit TypeScript-If-Anweisungen unternommen. Denken Sie daran, dass diese kleinen Entscheidungsträger die Bausteine für komplexere Logik in Ihren Programmen sind. Sie sind wie die Abzweigungen auf dem Weg Ihrer Code-Reise.

Während Sie Ihre Coding-Abenteuer fortsetzen, werden Sie sich öfter mit If-Anweisungen beschäftigen. Sie sind unglaublich vielseitig und mächtig. Also üben Sie weiter, schreiben Sie Code, treffen Sie Entscheidungen und vor allem: haben Sie Spaß! Frohes Coden!

Credits: Image by storyset