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:39] – vdemir | de: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 |
| ===== 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 | + | Nun sind wir beim zweiten Teil. Nachdem wir im Teil 1 unsere |
| - | | + | |
| - | | + | |
| - | * Es müssen mindestens vier verschiedene Datentypen (Number, Boolean, String, ...) verwendet werden. | + | |
| - | Hier ein reduzierte Beispiel mit Filmen | + | **Hinweis: |
| + | |||
| + | |||
| + | 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"; |
| - | const entstehungsjahr | + | let genre_1: " |
| - | dauer_min: 229; | + | const entstehungsjahr_1 |
| - | gewinn_dollar | + | let dauer_min_1: 229; // Number |
| - | ab_18 = false; | + | let ab_18_1 |
| + | |||
| + | // film 2 | ||
| + | let film_2: "Der Weisse Hai"; | ||
| + | let genre_2 " | ||
| + | const entstehungsjahr_2 = " | ||
| + | let dauer_min_2: | ||
| + | let ab_18_2 = true; | ||
| + | |||
| + | // film 3 | ||
| + | let film_3: "Blade Runner"; | ||
| + | let genre_3: " | ||
| + | const entstehungsjahr_3 = " | ||
| + | let dauer_min_3: | ||
| + | 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 | ||
| + | |||
| + | console.log(film) | ||
| </ | </ | ||