JavaScript if-else-Anweisung

Eine bedingte Ausführung von Anweisungen oder Anweisungsblöcken kann mit dem JavaScript if-else-Konstrukt eingeleitet werden. Trifft dabei eine festgelegte Bedingung oder eine logische Verknüpfung von mehreren Bedingungen zu, so wird der entsprechende Anweisungsblock ausgeführt. Das if-else-Sprachkonstrukt existiert in JavaScript in zwei unterschiedlichen Varianten. Zum Einen können bedingte Anweisungen mit der auf dieser Seite beschriebenen Variante, bestehend aus einer mit dem reservierten Wort if eingeleiteten Abfrage, dem ein oder mehrere Bedingungen folgen, geschachtelt werden.

Die zweite Variante ist eine Vereinfachte Version der If-Anweisung und kennt nur zwei Fälle. Diese Variante wird unter einfache Entweder-oder-Bedingung beschrieben.

Wie bereits erwähnt, werden bedingte Anweisungen bzw. bedingte Anweisungsblöcke mit dem Wort if eingeleitet. Darauf folgt ein geklammerter Ausdruck, der die Bedingung zur Ausführung des entsprechenden Anweisungsblocks, darstellt. Ein Anweisungsblock wird grundsätzlich in geschweifte Klammern gesetzt. Soll lediglich eine einzige Anweisung ausgeführt werden, so können die geschweiften Klammern weggelassen werden.

Bei einer bedingten Anweisung kann zusätzlich mit dem reservierten Wort else ein Anweisungsblock festgelegt werden, der ausgeführt wird, wenn die Bedingung nicht zutrifft. Der, mit else eingeleitete, alternative Teil kann wegfallen, wenn in diesem Fall keine weiteren Schritte ausgeführt werden müssen. Eine bedingte Anweisung hat demnach folgende Form:

			if (Bedingung(en)) [{]
				Anweisung(en)
			[}]
			else [{]
				Anweisung(en)
			[}]
		
Zum Thema If-Else-Anweisung unter PHP finden Sie auch einige Beispiele unter If in PHP.

JavaScript If Beispiel 1: Bedingte Ausführung von Anweisungen mit if...else

Die folgenden Beispiele sollen die Anwendung von bedingten Anweisungen demonstrieren. Das erste Beispiel demonstriert eine einfache Abfrage und nutzt einen Anweisungsblock im If-Teil und eine einzelne Anweisung im Else-Teil.

Im zweiten Beispiel werden mehrere If-Abfragen hintereinander verarbeitet. Werden keine Klammern um die Anweisungen gesetzt, so gehört ein auf das Wort else folgendes if-else-Konstrukt komplett in den else-Teil der vorherigen Abfrage. Das letzte Else gehört dabei zur letzen If-Abfrage (if (i % 3 == 0)). Dieses Beispiel nutzt die Methode write des JavaScript-Objekts Document.

<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Variable i mit dem Wert 3 initialisieren
i = 3;
// Wenn i gleich 3 ist i um eins erhöhen und ausgeben
// Muss geklammert werden, da mehrere (2) Anweisungen ausgeführt
// werden sollen
if (i == 3) {
  i++;
  document.write ('i = ' + i);
}
// Ansonsten wird eine Meldung ausgegeben
// Hier kann die Klammerung weggelassen werden, da nur eine
// Anweisung im Else-Teil ausgeführt werden muss.
else
  document.write ('i ist nicht drei!');
// Die nächste Ausgabe gehört nicht mehr zum Else-Teil und wird
// in jedem Fall ausgeführt.
document.write ('<br><br>');


// Durch die folgende Scheife nimmt i innerhalb des Anweisungsblocks
// die Werte 1-9 an...
for (i = 1; i < 10; i++) {
  // Variable i ausgeben
  document.write ('i = ' + i + ' - ');
  // Folgende Anweisung nur ausführen, wenn i ohne Rest durch
  // zwei und durch drei teibar ist
  if (i % 2 == 0 && i % 3 == 0)
    document.write ('ist gerade und durch 3 teilbar!');
  // Anweisung nur ausführen, wenn i ohne Rest durch 2 teilbar ist
  else if (i % 2 == 0)
    document.write ('ist gerade!');
  // nur wenn durch drei teilbar
  else if (i % 3 == 0)
    document.write ('ist durch 3 teilbar!');
  // Wenn die erste Bedingung nicht zutrifft soll die nachfolgende
  // Anweisung ausgeführt werden
  else
    document.write ('ist weder gerade noch durch 3 teilbar!');
  // Jede Zeile mit einem Zeilenumbruch beenden
  document.write ('<br>');
}
// -->
</script>

Letzte Posts aus unserem Forum

Probleme mit iphone

Hallo, ich habe ein Problem bei der Darstellung einer Webseite. In allen Browsern hat das bisher bestens funktioniert außer beim iPhone und iPad, wo ... » mehr

von Finlay am Dienstag, 10. Juli 2012 19:45 in JavaScript - noch nicht beantwortet

Stream musik

Hallo, ich bin auf der Suche nach einem Script, mit dem ich einen Leser für Audio-Spuren in eine Html-Webseite einfügen kann. Ich brauche dabei ... » mehr

von Finlay am Sonntag, 22. Januar 2012 22:52 in JavaScript - bisher 2 Antworten
Letzter Beitrag: Dienstag, 8. Mai 2012 16:04 von maharadja

ich habe das mal mit jplayer probiert und bei mir gings ... » mehr

Byte Array PDF im Browser anzeigen

Hallo, ich bekomme von einem Webservice ein PDF als Byte Array. Mit einem JsonP Request habe ich das Byte Array so wie es ist (als Array von Bytes) ... » mehr

von TiloS am Mittwoch, 11. April 2012 17:37 in JavaScript - noch nicht beantwortet

Überbelnd effect in javascript gallerie

ich habe hier einie gallerie die funktioniert problem los aber hat noch kein über belnd effect jedoch würde ich diesen gerne einfügen aber ich habe ... » mehr

von faebe am Freitag, 20. Januar 2012 20:19 in JavaScript - noch nicht beantwortet

XML per JavaScript verarbeiten - IE

Hallo! Vielen Dank für das super kommentierte Script-Beispiel zur Weiterverarbeitung von XML-Dateien per JavaScript: ... » mehr

von gn0me am Freitag, 11. März 2011 19:03 in JavaScript - noch nicht beantwortet


¬ Insolvenzrecht