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 film1: "Herr Der Ringe - Die Gefolgschaft des Ringes"; // String
let genre: "Fantasy"; // String
const entstehungsjahr = "2001";  // String
let dauer_min: 229;  // Number
let ab_18 = false;   // Boolean
 
// film 2
let film2: "Der Weisse Hai";
let genre "Horror“;
const entstehungsjahr = "1975";
let dauer_min: 124;
let ab_18 = true;
 
// film 3
let film1: "Blade Runner";
let genre: "Science Fiction";
const entstehungsjahr = "1982";
let dauer_min: 118;
let ab_18 = false;

Volkan Demir