The IF statement

Die Steuerung des Flusses Ihres Codes ist eines der wichtigsten Konzepte der Programmierung, und die einfachste Steuerstruktur ist wahrscheinlich die if-Anweisung. Sie ermöglicht es Ihnen einfach, eine Bedingung anzugeben, ob die nächsten Zeile(n) ausgeführt werden sollen oder nicht. Hier ist ein einfaches Beispiel:

if(something == true)
	alert("something is true!");

Die erste Zeile ist die if statement - eine einfache Bedingung dafür, ob die nächste Zeile ausgeführt werden soll oder nicht. Wir können versuchen, sie in etwas umzuwandeln, das Eingaben vom Benutzer entgegennimmt, um wirklich zu testen, ob sie funktioniert oder nicht:

var answer = confirm("Is it true?");
if(answer == true)
	alert("I knew it was true!");

Denken Sie daran, wie wir zuvor in diesem Tutorial besprochen haben: Wenn die Bedingung mehr als eine Zeile umfassen soll, müssen Sie sie mit geschweiften Klammern umgeben, um einen Codeblock zu erstellen:

var answer = confirm("Is it true?");
if(answer == true)
{
	alert("I knew it was true!");
	alert("I knew it too!");
}

Multiple conditions

Die if-Anweisung funktioniert einfach, indem sie überprüft, ob die angegebene Bedingung als wahr betrachtet werden kann. Dies ermöglicht es Ihnen, beliebig viele Bedingungen anzugeben. Wir können die && (UND) sowie die || (ODER) Operatoren verwenden (mehr dazu später), um Bedingungen hinzuzufügen:

var age = prompt("What's your age?");
var hasDriversLicense = confirm("Do you have a drivers license?")
if(hasDriversLicense || (age >= 18 && age <= 80))
	alert("I guess you can be allowed to drive a car!");

Also, wenn Sie einen Führerschein haben ODER ein geeignetes Alter (zwischen 18 und 80), wird dieser Code es Ihnen ermöglichen, ein Auto zu fahren. Das ist kein sehr realistisches Beispiel, aber hoffentlich veranschaulicht es, wie Sie mehrere Bedingungen in Ihrer if-Anweisung verwenden können.

if...else

Unsere aktuelle if-Anweisung führt nur etwas aus, wenn die Bedingung wahr ist, aber wir müssen möglicherweise etwas anderes tun, falls sie NICHT wahr ist. Dafür haben wir die else-Anweisung, die offensichtlich nur zusammen mit der if-Anweisung funktioniert. Hier ist ein Beispiel:

var answer = confirm("Is it true?");
if(answer == true)
	alert("I knew it was true!");
else
	alert("Oh well, guess not then...");

Und wieder, wenn Sie mehr Zeilen Code für eine (oder beide) der Bedingungen benötigen, umgeben Sie sie einfach mit einem Block:

var answer = confirm("Is it true?");
if(answer == true)
{
	alert("I knew it was true!");
	// More true code...
}
else
{
	alert("Oh well, guess not then...");
	// More false code...
}

if...else...if

Mit verschachtelten if statements können wir eine ziemlich fortgeschrittene Logik erstellen:

var age = prompt("What's your age?");
if(age < 1)
	alert("Infant");
else if(age < 13)
		alert("Child");
	else if(age < 18)
		alert("Teenager");
	else
		alert("Adult");

Wenn Sie möchten oder müssen, können Sie natürlich Blöcke um die Bedingungen herum verwenden, genau wie wir es in früheren Beispielen gesehen haben.

Zusammenfassung

Die if statement ist einfach zu verwenden und zu verstehen, aber dennoch so mächtig. Wenn Sie neu in der Welt der Programmierung sind, werden Sie vielleicht überrascht sein, wie häufig sie vorkommen. Sie sollten auch wissen, dass es eine alternative, kürzere Notation für die Verwendung von if...else-Anweisungen gibt, aber wir werden das im Kapitel über Operatoren besprechen. Für jetzt gehen wir zu einigen der fortgeschritteneren Steuerstrukturen über.