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:50] – vdemirde:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 14:12] (aktuell) – vdemir
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 =====
-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.+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 Hier ein reduzierte Beispiel mit 3 Filmen
Zeile 23: Zeile 30:
 <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 = "2001"; +let genre_1: "Fantasy"; // String 
-dauer_min: 229; +const entstehungsjahr_1 = "2001";  // String 
-ab_18 = false;+let dauer_min_1: 229;  // Number 
 +let ab_18_1 = false;   // Boolean
  
 // film 2 // film 2
-let film1: "Herr Der Ringe - Herr Der Ringe - Die zwei Türme"; +let film_2: "Der Weisse Hai"; 
-const entstehungsjahr = "2002"; +let genre_2 "Horror"; 
-dauer_min: 172; +const entstehungsjahr_2 = "1975"; 
-gewinn_dollar = 0.946; // es sind 946 Mio Dollar  +let dauer_min_2: 124; 
-ab_18 = false;+let ab_18_2 = true;
  
 // film 3 // film 3
-let film1: "Herr Der Ringe - Die Rückkehr des Königs"; +let film_3: "Blade Runner"; 
-const entstehungsjahr = "2003"; +let genre_3: "Science Fiction"; 
-dauer_min: 201; +const entstehungsjahr_3 = "1982"; 
-ab_18 = false;+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.1788868209.txt.gz
  • Zuletzt geändert: 2026/09/08 13:50
  • von vdemir