Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| de:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 13:59] – [Auftrag] vdemir | de: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: | ||
| Hier ein reduzierte Beispiel mit 3 Filmen | Hier ein reduzierte Beispiel mit 3 Filmen | ||
| Zeile 26: | Zeile 33: | ||
| let genre_1: " | let genre_1: " | ||
| const entstehungsjahr_1 = " | const entstehungsjahr_1 = " | ||
| - | let dauer_min1: 229; // Number | + | let dauer_min_1: 229; // Number |
| let ab_18_1 = false; | let ab_18_1 = false; | ||
| // film 2 | // film 2 | ||
| let film_2: "Der Weisse Hai"; | let film_2: "Der Weisse Hai"; | ||
| - | let genre_2 " | + | let genre_2 " |
| const entstehungsjahr_2 = " | const entstehungsjahr_2 = " | ||
| let dauer_min_2: | let dauer_min_2: | ||
| Zeile 42: | Zeile 49: | ||
| let dauer_min_3: | let dauer_min_3: | ||
| let ab_18_3 = false; | let ab_18_3 = false; | ||
| + | |||
| + | </ | ||
| + | |||
| + | Die Attribute werden zusammengefasst zu jeweils einem Array, wie nachfolgend demonstriert wird: | ||
| + | |||
| + | <code javascript> | ||
| + | let film = ["Herr Der Ringe - Die Gefolgschaft des Ringes", | ||
| + | let genre = [" | ||
| + | const entstehungsjahr = [" | ||
| + | let dauer_min | ||
| + | let ab_18 = [false, true, false]; | ||
| + | |||
| + | console.log(film) | ||
| </ | </ | ||