Objekte - Kontrollstrukturen - Schleifen

Objekte

Objekte sind Ansammlungen von Eigenschaften und Methoden. Diese können verändert oderausgeführt. Es gibt zwei Arten von Objekten die vordefinierten(window, document, etc.) und selbsterstellten(Steuerelemente, HTML-Tags oder abgeleitet von selbstgeschriebenen Klassen).
Der Zugriff auf Eigentschaften/ Methoden erfolgt über:

objekt.eigenschaft

bzw.

objekt.methode([Parameter])

Man kann auch bei Objekten(HTML-Tags, Steuerelemente) auch die Formatierung bzw. Style verändern. Aber erst wenn man diesen eine ID zugewiesen hat.
Im HTML-Dokument steht dann

<html>
<head><title>Test</title>
<script type="text/javascript">
<!––
 var e = document.getElementById("box");
 e.style.backgroundColor = "#0000ff";
––>
</script>
</head>
<body>
<div id="box">
Hallo Welt!
</div>
</body>
</html>

Nun wird aus der Hintergrundfarbe DIV-Element blau.

Operatoren

Jetzt erweitern wir das Skript mit Mit einigen Kontrollstrukturen und Schleifen. Dazu benötigen wir ausserdem Berechnungs-, Vergleichsoperatoren und Logische Operatoren).

Berechnungsoperatoren sind:

+ = Addition
- = Subtraktion
* = Multiplikation
/ = Division
^ = Potenz
% = Modulo (Restwert bei einer Division)
++ = Inkrement
-- = Dekrement

Vergleichsoperatoren sind:

== Werte sind gleich
!= Werte sind ungleich
> linker Wert ist grösser
< linker Wert ist kleiner
>= ist grösser oder gleich
<= ist kleiner oder gleich

Logische Operatoren

&& - AND = UND
|| - OR = ODER
! = NICHT

Kontrollstrukturen

Kommen wir nun zu den Kontrollstruktur(Bedingte Anweisungen). Man unterscheidet hier 3 Arten von Anweisungen.

1. Die Ein-Fall-Unterscheidung(einfache IF-Anweisung)

Syntax:
if(Bedingung)
{
	Anweisung
}

Beispiel:
var i=0;
if(i == 0)
{
	i++;
}

Es wird im Beispiel überprüft ob die Variable i dem Wert 0 entspricht. Wenn es der Fall sein sollte dann wird i um den Wert 1 erhöht.

2. Die Zwei-Fall-Unterscheidung(IF-ELSE-Anweisung)

Syntax:
if(Bedingung)
{
	Anweisung
}else
{
	Anweisung
}

Beispiel:
var i=0;
if(i < 1)
{
	i++;
}
else
{
	i--;
}

In diesem Beispiel wird als erstes überprüft ob i kleiner als 1 ist. Wenn es der Fall sein sollte wird i wie in der einfachen If-Anweisung um den Wert 1 erhöht. Bei diesem Beispiel folgt aber noch ein “aber”. Ist die Bedingung nicht erfüllt wird i um den Wert 1 vermindert.

3. Die Mehr-Fall-Unterscheidung(Switch-Anweisung)

Syntax:
switch (var)
{
case wert1:
  Anweisung
  break
case wert2:
  Anweisung
  break;
.
.
.
default:
   Anweisung
   break;
}

Beispiel:
var i=0;
switch (i)
{
case 1:
  i--;
  break;
case 2:
  i=i-2
  break;
default:
   i++;
   break;
}

Bei dem Switch-Beispiel wird überprüft ob die Variable i den Werten in den Fällen(Case) entspricht. Wenn einer der Fälle erfüllt ist dann werden die Anweisungen ausgeführt. Der Fall “default” wird erst dann ausgeführt wenn keiner der voran gegangenen Fälle erfüllt ist. Der Befehl “break;” führt dazu dass die Switch-Anweisung beendet wird.

Schleifen

Der nächste Unterpunkt behandelt die Schleifen. Mit ihnen kann man Befehle oder Befehlsblöcke mehrfach ausführen lassen. Man unterscheidet hier 3 verschiedene Arten von Schleifen:
1. Kopfgesteuerte Schleife(While-Schleife)

while(Bedingung)
{
	Anweisung
}

Man kann dies so verstehen, dass solange eine Bedingung erfüllt ist, eine Anweisung ausgeführt wird. Ist die Bedingung nicht erfüllt dann erfolgt kein Schleifendurchlauf.

2. Fussgesteuerte Schleife(Do-While-Schleife)

do
{
	Anweisung
}while(Bedingung)

Hier kann man die Schleife so übersetzen: “tue eine Anweisung solange die Bedingung erfüllt ist”. Es erfolgt hier mindestens ein Schleifendurchlauf.

3. Zählscheife(For-Schleife)

for(Anfangswert;Endwert;Schrittfolge)
{
	Anweisung
}

Bei der For-Schleife wird eine bestimmte Anzahl an Schleifendurchläufen durchgeführt.