LU04.A04 - Fallstudie Arrays (Teil 2)

• Sozialform: individual
• Hilfsmittel:
  • Nur Lehrmittel, keine Websuche oder AI
  • Zeit: 2 Lektionen inkl. Upload-Zeit
• Erwartetes Resultat:
  • Erwartet wird ein JavaScript-File, dass gezipped hochgeladen werden muss.
  • Code wird sauber eingerückt und mit sinnvollen Kommentaren versehen.
  • Es wurde ein Mini-Musik-Archiv mittels JavaScript, unter Verwendung von Keywords, Variablen, Initialwerte und Arrays erstellt.
  • Das Ergebnis wurde gezipped und nach Moodle hochgeladen.

Ein kleines Label möchte sein Musikarchiv im Browser darstellen. Sie bauen dafür Schritt für Schritt eine Seite auf – zuerst «von Hand» mit einzelnen Variablen, danach sauber mit Arrays. Im Teil 2 zeigen Sie, warum die zweite Lösung die bessere ist.

Nachdem wir im Teil 1 unsere 20 Musiktitel angelegt haben, wollen wir bei diesem Auftrag diese 20 Titel effizient mittels Array verwalten. Klammerbemerkung: Der grosse Vorteil wird von Arrays wird sichtbar, wenn wir Schleifen verwenden. –> Wird nach den Herbstferien im Unterricht behandelt.

Hier ein reduzierte Beispiel mit 3 Filmen

// film 1
let film_1: "Herr Der Ringe - Die Gefolgschaft des Ringes"; // String
let genre_1: "Fantasy"; // String
const entstehungsjahr_1 = "2001";  // String
let dauer_min1: 229;  // Number
let ab_18_1 = false;   // Boolean
 
// film 2
let film_2: "Der Weisse Hai";
let genre_2 "Horror";
const entstehungsjahr_2 = "1975";
let dauer_min_2: 124;
let ab_18_2 = true;
 
// film 3
let film_3: "Blade Runner";
let genre_3: "Science Fiction";
const entstehungsjahr_3 = "1982";
let dauer_min_3: 118;
let ab_18_3 = false;

Volkan Demir