Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 13:39] – vdemirde:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 14:12] (aktuell) – vdemir
Zeile 1: Zeile 1:
-====== LU04.A04 - Fallstudie Arrays ======+====== LU04.A04 - Fallstudie Arrays (Teil 2) ======
  
 ===== Rahmenbedingungen ===== ===== Rahmenbedingungen =====
Zeile 15: Zeile 15:
 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 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. Variablen, danach sauber mit Arrays. Im Teil 2 zeigen Sie, warum die zweite Lösung die bessere ist.
 +
 +
  
 ===== Auftrag ===== ===== Auftrag =====
-Legen Sie unter Verwendung von Mini-Musikarchiv von mindestens 20 Titeln Ihre Wahl an, wobei Sie an dieser Stelle kein Array verwenden dürfen. Jeder Musiktile muss den nachfolgenden Kriteren entsprechen: +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.  
-  * Jeder Titel hat //mindestens 5 Attribute// +  - D.h. Ihr Auftrag ist es die 20 erstellen Musiktilel mittel Arrays zu verwalten.  
-  * Es muss //let// und //const// verwendet werden +  - Lassen Sie sich am Ende die Daten auf der Konsole ausgeben. Das schaffen Sie durch die Zeile console.log(arrayname)
-  * Es müssen mindestens vier verschiedene Datentypen (Number, Boolean, String, ...) verwendet werden.+
  
-Hier ein reduzierte Beispiel mit Filmen+**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> <code javascript>
 // film 1 // film 1
-let film1: "Herr Der Ringe - Die Gefolgschaft des Ringes"; +let film_1: "Herr Der Ringe - Die Gefolgschaft des Ringes"; // String 
-const entstehungsjahr = "1997"; +let genre_1: "Fantasy"; // String 
-dauer_min: 229; +const entstehungsjahr_1 = "2001";  // String 
-gewinn_dollar = 11149100000000; // es sind 1'149,1 MRD Dollar ..> 9 Nullen +let dauer_min_1: 229;  // Number 
-ab_18 = false;+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> </code>
  
  • de/modul/m288/learningunits/lu04/aufgaben/04.1788867563.txt.gz
  • Zuletzt geändert: 2026/09/08 13:39
  • von vdemir