JavaScript-Programmierung von Kopf bis Fuß

Sie sind hier � 155

Etwas Ordnung in die Daten bringen

Probefahrt für den endgültigen Bericht

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 = 0;

var output;

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

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

console.log(output);

if (scores[i] > highScore) {

highScore = scores[i];

}

}

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

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

var bestSolutions = [];

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

if (scores[i] == highScore) {

bestSolutions.push(i);

}

}

console.log("Mischungen mit dem besten Ergebnis: " + bestSolutions);

Jetzt können Sie den Code für die Ausgabe der Mischungen mit dem besten Ergebnis

in die Datei »bubbles.html« einbauen und einen weiteren Probelauf durchführen. Den

kompletten JavaScript-Code finden Sie unten:

JavaScript-Konsole

Mischung Nummer 0 score: 60

Mischung Nummer 1 score: 50

...

Mischung Nummer 34 score: 51

Anzahl der Tests: 36

Bestes Ergebnis: 69

Mischungen mit dem besten Ergebnis: 11,18

Und die Gewinner sind …

Die Mischungen Nummer 11 und Nummer 18 haben beide das beste

Ergebnis: 69! Damit sind dies die besten Mischungen, die bei unseren

Tests herausgekommen sind.

156 Kapitel 4

Den Code mit Funktionen neu denken

Im letzten Kapitel haben wir viel Zeit

damit verbracht, über Funktionen zu

sprechen. Wieso benutzen wir sie dann

nicht auch hier?

Sie haben recht, das sollten wir. Da Sie

die Verwendung von Funktionen gerade erst gelernt

haben, war es uns wichtiger, dass Sie zunächst die

Grundlagen von Arrays kennen, bevor wir die Funktio-

nen in der Praxis anwenden. Davon abgesehen sollten

Sie immer überlegen, welche Teile Ihres Codes Sie in

eine Funktion auslagern können. Außerdem sind Funk-

tionen eine gute Möglichkeit, die Arbeit, die Sie in die

Entwicklung Ihrer Seifenblasenberechnungen gesteckt

haben, auch anderen Entwicklern zur Verfügung zu

stellen, damit diese das Rad nicht neu erfinden müssen.

Deshalb wollen wir uns den Code für die Seifenbla-

senmischungen noch einmal vornehmen und ihn in

eine Reihe von Funktionen refaktorieren. Das heißt, wir

organisieren den Code so um, dass er lesbarer und

wartbarer wird. Dabei nehmen wir keine Änderungen

an seiner Funktionsweise vor. Wenn wir fertig sind,

macht der Code also genau das Gleiche wie jetzt auch,

er ist aber wesentlich besser organisiert.