https://glossar.hs-augsburg.de/w/index.php?action=history&feed=atom&title=MMProg%3AWiSe2015%3APraktikum%3AAufgabe_3MMProg:WiSe2015:Praktikum:Aufgabe 3 - Versionsgeschichte2026-07-20T10:16:11ZVersionsgeschichte dieser Seite in GlossarWikiMediaWiki 1.43.3https://glossar.hs-augsburg.de/w/index.php?title=MMProg:WiSe2015:Praktikum:Aufgabe_3&diff=38241&oldid=prevLawrence: Die Seite wurde neu angelegt: „=Praktikumsaufgabe 3= ==Arbeiten mit Objekten und Arrays== ===Ziel=== Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Grundlagen für…“2015-10-01T21:10:08Z<p>Die Seite wurde neu angelegt: „=Praktikumsaufgabe 3= ==Arbeiten mit Objekten und Arrays== ===Ziel=== Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Grundlagen für…“</p>
<p><b>Neue Seite</b></p><div>=Praktikumsaufgabe 3=<br />
<br />
==Arbeiten mit Objekten und Arrays==<br />
<br />
===Ziel===<br />
<br />
Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Grundlagen für Objekte und Arrays zu vertiefen.<br />
<br />
<br />
===Projekt vorbereiten===<br />
<br />
'''Anmerkung:''' Es ist fortan nicht notwendig Subversion über die Kommandozeile zu bedienen.<br />
Nutzen Sie dazu einfach WebStorm oder aber TortoiseSVN bzw. svnX.<br />
<br />
Legen Sie einen neuen Ordner "aufgabe3" innerhalb Ihres Verzeichnis/Repositories an.<br />
Speichern Sie alle Dateien aus dem Lehrveranstaltungsordner "aufgabe3/vorlage" in diesem Ordner ab.<br />
<br />
Machen Sie sich mit der Datei "index.js" vertraut und öffnen Sie die Datei "index.html" testweise im Browser.<br />
<br />
<br />
===Charaktere darstellen===<br />
<br />
Der Code aus der Vorlage enthält ein übergeordnetes View-Objekt, welches beliebig viele Objekt-Views beherbergen kann.<br />
Eine Objekt-View rendert alle Eigenschaften eines Objekts mitsamt der Werte und Datentypen in das HTML-Dokument.<br />
Mithilfe eines Aufrufs von <code>view.addObjectView()</code> wird für eine beliebiges Objekt eine Objekt-View erzeugt.<br />
<br />
<br />
===Charaktere erzeugen===<br />
<br />
Bearbeiten Sie nun die "index.js" und erzeugen Sie folgende Personen mit Ihrer Ansicht nach '''geeigneten Eigenschaften''':<br />
<br />
* Bruce Wayne, 40 Jahre alt, vermögend, kleidet sich gerne schwarz, wohnt in Gotham City<br />
* Clark Kent, 30 Jahre alt, arbeitet als Redakteur, trägt Brille, wohnt in Metropolis<br />
* Peter Parker, 25 Jahre alt, ist Fotograf, trägt Brille<br />
<br />
Fügen Sie diese anschließend zu der View hinzu um eine entsprechende Darstellung der Objekte zu erreichen.<br />
Welche Eigenschaften und Datentypen haben Sie für die Personen gewählt? Gibt es sinnvolle Alternativen?<br />
<br />
<br />
===Charaktere modifizieren===<br />
<br />
'''Anmerkung:''' Im Folgenden geht es darum, die zuvor erstellten Objekte nach Ihrer Erzeugung zu modifizieren.<br />
Es geht nicht darum Funktionen zu erstellen oder Bedingungen abzufragen.<br />
<br />
Die oben erwähnten Charaktere verfügen alle über ein bestimmtes Alter, welches sich über die Zeit verändern soll.<br />
Lassen Sie alle Charaktere nach der initialen Erstellung der Objekte um 5 Jahre altern.<br />
<br />
Des Weiteren sollte jeder Charakter eine entsprechende Eigenschaft "anrede" besitzen (mögliche Werte: "Herr" und "Frau").<br />
Fügen Sie die korrekte Anrede den Charakterobjekten nach ihrer initialen Erstellung hinzu.<br />
<br />
Peter Parker bekommt im Laufe seines Lebens Superkräfte, welche unter anderem dazu führen, dass er keine Brille mehr braucht.<br />
Ändern Sie das entsprechende Objekt nachträglich so ab, dass klar ersichtlich ist, dass Peter keine Sehschwäche mehr hat.<br />
Gibt es hierfür mehrere Lösungswege? Wenn ja, welcher Unterschied besteht zwischen den Lösungen?<br />
<br />
Clark Kent, auch bekannt als Superman, bestizt viele verschiedene Superkräfte, wie z.B. Fliegen, Laseraugen, Röntgenblick.<br />
Um den Überblick zu behalten fügen Sie die Eigenschaft "superKräfte" hinzu und speichern Sie die o.g. genannten Werte ab.<br />
<br />
<br />
===Charaktere zusammenfassen===<br />
<br />
Um leichter mit den Charakterobjekten arbeiten zu können bietet es sich an diese in einem Array abzuspeichern.<br />
Erzeugen Sie ein Array-Objekt names "superhelden" und fügen Sie die zuvor erstellten Personen hinzu.<br />
Gibt es hierfür unterschiedliche Implementierungsmöglichkeiten?<br />
<br />
Für bestimmte Szenarien ist es hilfreich die Initialen von Charakteren zu wissen.<br />
Da die Charaktere nun in einem Array sind, iterieren Sie über das Array und weisen Sie jedem Charakter Ihre Initialen zu.<br />
Wenden Sie dazu die String-Funktion <code>charAt()</code> mit einem Parameter von 0 auf dem jeweiligen Vor- und Nachnamen an.<br />
<br />
<br />
===Superheldenliste modifizieren===<br />
<br />
Unter gewissen Umständen würde man Bruce Wayne nicht als Superhelden bezeichnen, da er über keine Superkräfte verfügt.<br />
Entfernen Sie ihn aus diesem Grund aus der Liste von Superhelden nachdem Sie die Anrede hinzugefügt haben.<br />
Stellen Sie sicher, dass das Array im Anschluss keine Lücken aufweist und eine Länge von 2 besitzt.</div>Lawrence