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:50] – 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 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"; |
| - | const entstehungsjahr | + | let genre_1: " |
| - | dauer_min: 229; | + | const entstehungsjahr_1 |
| - | ab_18 = false; | + | let dauer_min_1: 229; // Number |
| + | let ab_18_1 | ||
| // film 2 | // film 2 | ||
| - | let film1: "Herr Der Ringe - Herr Der Ringe - Die zwei Türme"; | + | let film_2: " |
| - | const entstehungsjahr | + | let genre_2 " |
| - | dauer_min: 172; | + | const entstehungsjahr_2 |
| - | gewinn_dollar = 0.946; // es sind 946 Mio Dollar | + | let dauer_min_2: 124; |
| - | ab_18 = false; | + | let ab_18_2 |
| // film 3 | // film 3 | ||
| - | let film1: "Herr Der Ringe - Die Rückkehr | + | let film_3: "Blade Runner"; |
| - | const entstehungsjahr = "2003"; | + | let genre_3: " |
| - | dauer_min: 201; | + | const entstehungsjahr_3 = " |
| - | ab_18 = false; | + | 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 | ||
| + | let genre = [" | ||
| + | const entstehungsjahr = ["2001", " | ||
| + | let dauer_min | ||
| + | let ab_18 | ||
| + | |||
| + | console.log(film) | ||
| </ | </ | ||