JavaScript-Programmierung von Kopf bis Fuß

Sie sind hier � 147

Etwas Ordnung in die Daten bringen

var scores = [60, 50, 60, 58, 54, 54,

58, 50, 52, 54, 48, 69,

34, 55, 51, 52, 44, 51,

69, 64, 66, 55, 52, 61,

46, 31, 57, 52, 44, 18,

41, 53, 55, 61, 51, 44];

for (var i = 0; i < scores.length; i++) {

var output = "Mischung Nummer " + i +

" Ergebnis: " + scores[i];

console.log(output);

}

Eine Neufassung der for-Schleife mit dem

Postinkrement-Operator

Wir wollen die Schleife neu schreiben und prüfen, ob der

Code das Gleiche tut wie vorher:

Wo wir die Variable zuvor

»von Hand« inkrementiert

haben, benutzen wir jetzt den

Postinkrement-Operator.

Schnelle Probefahrt

Es ist Zeit für eine kleine Probefahrt, um sicherzustellen, dass

die Änderung mit dem Postinkrement-Operator auch richtig

funktioniert. Speichern Sie Ihre Datei als »bubbles.html« und

rufen Sie sie in Ihrem Browser auf. Es sollte der gleiche Bericht

erscheinen wie vorhin auch.

Der Bericht sieht genau gleich aus.

JavaScript-Konsole

Mischung Nummer 0 Ergebnis: 60

Mischung Nummer 1 Ergebnis: 50

Mischung Nummer 2 Ergebnis: 60

...

Mischung Nummer 34 Ergebnis: 51

Mischung Nummer 35 Ergebnis: 44

Wir retten ein paar Bäume

und zeigen Ihnen nur ein

paar Ergebnisse, auch wenn

alle da sind.

148 Kapitel 4

Den Rest des Berichts planen

Gespräche unter

Büro nachbarn –

Fortsetzung ...

Judy: Zuerst müssen wir die

Anzahl der Tests ermitteln. Das

ist leicht, hierfür können wir

einfach die Länge des Arrays

scores benutzen.

Joe: Oh richtig, und wir müssen

das beste Ergebnis herausfinden

– und die passenden Mischungen

dazu.

Judy: Genau, aber die letzte Aufgabe ist die schwerste. Fangen wir

einfach mal mit dem höchsten Ergebnis an.

Joe: Klingt nach einem guten Startpunkt.

Judy: Hierfür brauchen wir einfach eine Variable, die während der

Schleifendurchläufe den Höchststand speichert. Am besten beginnen wir

mit etwas Pseudocode:

Es werden alle Ergebnisse für

unsere Seifenblasenmischun-

gen angezeigt. Jetzt müssen

wir nur noch den Rest des

Berichts erzeugen.

Ich brauche diesen Bericht, um schnell entscheiden zu können,

welche Seifenblasenmischung wir herstellen sollen. Können Sie das

für mich programmieren?

- Bubbles-R-Us-CEO

Bubbles-R-Us

Mischung Nummer 0 Ergebnis: 60

Mischung Nummer 1 Ergebnis: 50

Mischung Nummer 2 Ergebnis: 60

Anzahl der Tests: 36

Bestes Ergebnis: 69

Mischungen mit dem höchsten Ergebnis: 11, 18

Weitere Ergebnisse hier ...

DECLARIERE eine Variable namens highScore und setze sie auf 0.

FOR (Schleife): var i=0; i < scores.length; i++

ZEIGE das Ergebnis für die aktuelle Mischung score[i]

FALLS (if) scores[i] > highScore

SETZE highScore = scores[i];

ENDE FALLS

ENDE FOR (Schleife)

ZEIGE den Wert von highScore

Joe: Oh, schön. Und dafür waren nur ein paar zusätzlichen Zeilen Code nötig.

Judy: Bei jedem Schleifendurchlauf wird überprüft, ob das aktuelle Ergebnis größer

ist als der Wert von highScore. In diesem Fall ist das der neue Höchststand. Nach

dem Ende der Schleife geben wir den Höchststand einfach aus.

Eine Variable für den

Höchststand einbauen.

Bei jedem Schleifendurchlauf überprüfen wir,

ob es ein höheres Ergebnis gibt. In diesem Fall

ist dies der neue Wert für unseren Höchststand.

Nach der Schleife geben wir den Höchststand einfach aus.

Sie sind hier � 149

Etwas Ordnung in die Daten bringen

var scores = [60, 50, 60, 58, 54, 54,

58, 50, 52, 54, 48, 69,

34, 55, 51, 52, 44, 51,

69, 64, 66, 55, 52, 61,

46, 31, 57, 52, 44, 18,

41, 53, 55, 61, 51, 44];

var highScore = _____;

var output;

for (var i = 0; i < scores.length; i++) {

output = "Mischung Nummer " + i + " Ergebnis: " + scores[i];

console.log(output);

if (_____________ > highScore) {

_____________ = scores[i];

}

}

console.log("Anzahl der Tests: " + ____________);

console.log("Bestes Ergebnis: " + _____________);

Jetzt können Sie den Pseudocode zum Finden des besten Ergebnisses implementieren. Füllen

Sie hierfür die Lücken im unten stehenden Code. Danach können Sie Ihren Code im Browser

testen, indem Sie die Daten in »bubbles.html« aktualisieren und die Seite neu laden. Überprü-

fen Sie Ihre Ergebnisse in der Konsole und schreiben Sie Ihren Höchststand und die Anzahl der

Tests auf die leeren Zeilen in unserem Konsolenfenster unten auf dieser Seite. Vergleichen Sie

Ihre Ergebnisse mit der Antwort am Ende dieses Kapitels, bevor Sie weiterlesen.

JavaScript-Konsolew

Mischung Nummer 0 Ergebnis: 60

Mischung Nummer 1 Ergebnis: 50

Mischung Nummer 2 Ergebnis: 60

...

Mischung Nummer 34 Ergebnis: 51

Mischung Nummer 35 Ergebnis: 44

Anzahl der Tests: ________

Bestes Ergebnis: _______

Füllen Sie die leeren Zeilen, um den hier

stehenden Code zu vervollständigen …

… und ergänzen Sie dann die Leerzeilen

mit Ihren Ergebnissen von der Konsole.

Spitzen Sie Ihren Bleistift