Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu04:aufgaben:04 [2025/09/23 12:59] – [Auftrag D: Wert am Anfang ergänzen] vdemir
+++ de:modul:m288:learningunits:lu04:aufgaben:04 [2026/09/08 14:12] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU04.A04 - Mehrdimensionale Arrays mit Attributbezeichner ======
+====== LU04.A04 - Fallstudie Arrays (Teil 2) ======
 ===== Rahmenbedingungen =====
@@ Zeile 5: / Zeile 5: @@
   * Hilfsmittel:
     * Nur Lehrmittel, keine Websuche oder AI
-    * Zeit: 25 Minuten
+    * Zeit: 2 Lektionen inkl. Upload-Zeit
-  * Erwartetes Resultat: Ein Script mit einem mehrdimensionalen Array inkl. der unten beschriebenen Teilschritte.
+  * Erwartetes Resultat:
+    * Erwartet wird ein JavaScript-File, dass gezipped hochgeladen werden muss.
+    * Code wird sauber eingerückt und mit sinnvollen Kommentaren versehen.
+    * Es wurde ein Mini-Musik-Archiv mittels JavaScript, unter Verwendung von Keywords, Variablen, Initialwerte und Arrays erstellt.
+    * Das Ergebnis wurde gezipped und nach Moodle hochgeladen.
 ===== Ausgangslage =====
-Ihr Unternehmen gibt Ihnen den Auftrag eine Kundendatei in JavaScript anzulegen. Anschliessend sollen die Daten verarbeitet werden.
+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.
-===== Auftrag A: Array anlegen =====
-Legen Sie ein mehrdimensionales Array mit dem Namen //Actors// an, wobei Sie dieses Mal die Attributnamen zusätzlich verwenden:
-^ Name ^Vorname ^Geburtstaname^ Geburtstag ^Zivilstand ^Anrede ^Rabatt ^
-| Müller-Stahl | Armin | --- | 12.03.1956| Geschieden | Herr | 5 |
-| Page | Elliot | Ellen | 14.03.1996 | Ledig | Herr | 10 |
-| Wurst | Conchitta | Tom | 06.11.1988 | --- | --- | 15 |
-| Redford | Robert | --- | 18.08.1936 | Verheiratet | Herr | 25 |
-===== Auftrag B: Array ausgeben =====
+===== Auftrag =====
-Lassen Sie sich den Tabelleninhalt in umgekehrter Reihenfolge ausgeben, sprich Sie beginnen beim Index 3 und enden beim Index 0. Verwenden Sie, um herauszubekommen wievele Arrayelemente wirklich vorhanden sind, die Eigenschaft //array.length//.
+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)
-===== Auftrag C: einzelne Werte verändern =====
+**Hinweis:** Der grosse Vorteil wird von Arrays wird sichtbar, wenn wir Schleifen verwenden. --> Wird nach den Herbstferien im Unterricht behandelt.
-Elliot Page hat geheiratet und erhält daher 5% mehr Rabatt als vorher. Lassen Sie sich zur Kontrolle zunächst den einzelnen Datensatz, und anschliessend den gesammten Datenbestand ausgeben.
-===== Auftrag D: Wert am Anfang ergänzen =====
-Ergänzen Sie am Anfang des Arrays einen neuen Kunden: Herr Sidartha Gupta, 12.12.1969, verwittwet. Fehlende Werte ergänzen Sie mit "---'. Kontrollieren Sie Ihr Ergebnis durch eine Ausgabe in der Console.
-===== Auftrag E: Wert am Anfang ergänzen =====
+Hier ein reduzierte Beispiel mit 3 Filmen
-Ergänzen Sie am Ende des Arrays einen neuen Kunden: Frau Sydney Sweeney, 12.09.1997, ledig. Prüfen Sie das Ergebnis durch eine Consolenausgabe.
-===== Auftrag F: Wert in der Mitte löschen =====
+<code javascript>
-Robert Redford ist leider verstorben und muss aus der Liste gelöscht werden. Lassen Sie sich wieder alle Daten ausgeben, sicher ist sicher.
+// film 1
+let film_1: "Herr Der Ringe - Die Gefolgschaft des Ringes"; // String
+let genre_1: "Fantasy"; // String
+const entstehungsjahr_1 = "2001";  // String
+let dauer_min_1: 229;  // Number
+let ab_18_1 = false;   // Boolean
-===== Auftrag G: Formatierte Ausgabe =====
+// film 2
-Lassen Sie abschliessend die Daten wie folgt auf der Konsole ausgeben:
+let film_2: "Der Weisse Hai";
+let genre_2 "Horror";
+const entstehungsjahr_2 = "1975";
+let dauer_min_2: 124;
+let ab_18_2 = true;
-  - Anrede
+// film 3
-  - Vorname
+let film_3: "Blade Runner";
-  - Nachname (in Grossbuchstaben)
+let genre_3: "Science Fiction";
-  - Rabatt
+const entstehungsjahr_3 = "1982";
-  - Geburtstag
+let dauer_min_3: 118;
-  - Zivielstand
+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>
-Hinweis:
-  * Für die Grossbuchstaben-Darstellung benötigen  Sie die Methode //toUpper//
-  * Beispiel: console.log(Employee[0][1].toUpperCase());
-===== Lösungen =====
-[[de:modul:m288:learningunits:lu03:Lösungen:04|LU03.L04]]
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir