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. Der grosse Vorteil wird von Arrays wird sichtbar, wenn wir Schleifen verwenden.

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