====== LU04.A04 - Fallstudie Arrays (Teil 2) ======

===== Rahmenbedingungen =====
  * 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.

===== Ausgangslage =====
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.



===== Auftrag =====
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. 
  - D.h. Ihr Auftrag ist es die 20 erstellen Musiktilel mittel Arrays zu verwalten. 
  - Lassen Sie sich am Ende die Daten auf der Konsole ausgeben. Das schaffen Sie durch die Zeile console.log(arrayname)

**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

<code javascript>
// 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;

</code>

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

<code javascript>
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];

console.log(film)

</code>




----
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir