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.

Nun sind wir beim zweiten Teil. Nachdem wir im Teil 1 unsere 20 Musiktitel angelegt haben, wollen wir bei diesem Auftrag diese 20 Titel effizient mittels Array verwalten.

1. D.h. Ihr Auftrag ist es die 20 erstellen Musiktilel mittel Arrays zu verwalten.
2. Lassen Sie sich am Ende die Daten auf der Konsole ausgeben.

Hinweis: 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_min_1: 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;

Die Attribute werden zusammengefasst zu jeweils einem Array, wie nachfolgend demonstriert wird:

let film          = ["Herr Der Ringe - Die Gefolgschaft des Ringes", "Der Weisse Hai", "Blade Runner"];
let genre         = ["Fantasy", "Horror", "Science Fiction"];
const entstehungsjahr = ["2001", "1975", "1982"];   // als String, wie in den Einzeldaten
let dauer_min     = [229, 124, 118];
let ab_18         = [false, true, false];

Volkan Demir