Brückenkurs Websites und Webapps/Objekte

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Ein Objekt ist in Javascript eine Liste von Eigenschaft-Wert-Paaren.

Javascript-Objekte repräsentieren in der Regel Objekte aus der realen Welt, wie z.B. Personen, Produkte, Geräte, Häuser usw.. 


'''Beispiel'''

Das Objekt ''person'' besitzt die Eigenschaften ''vorname'', ''name'', ''alter'' und ''geschlecht''.

<code id="58e7d6545c79d">
var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};
</code>


Es können beliebig viele Objekte mit den Eigenschaften ''vorname'', ''name'', ''alter'' und ''geschlecht'' erzeugt werden. Die Eigenschaften sind gleich, aber die Werte der Eigenschaften können unterschiedlich sein:

<code id="58e7d6545c812">
var person1 = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};

var person2 = {vorname: "Igor", name: "Ochirov", alter: 25, geschlecht: "m"};

var person3 = {vorname: "Marta", name: "Kowalska", alter: 35, geschlecht: "w"};
</code>


Die allgemeine Notation zur Erstellung von Objekten lautet:

 var <Objektname> = { <Eigenschaft> : <Wert>, <Eigenschaft> : <Wert> ,..., <Eigenschaft> : <Wert> };

Der <Objektname> ist ein '''beliebiger Variablenname'''. Zwischen den Klammern { } können '''beliebig viele Eigenschaft-Wert-Paare''' definiert werden. Der Name einer <Eigenschaft> wird stets ohne Anführungszeichen "" notiert. 

Wir arbeiten das Tutorial zum Thema "Javascript Objekte" bei W3Schools durch: [http://www.w3schools.com/js/js_objects.asp w3schools]


'''Aufgaben'''

Gegeben ist das Objekt "person" mit den Eigenschaften "name", "vorname", "alter" und "geschlecht":

<code id="5602e19e0a53d">
var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};
</code>



'''Aufgabe 1'''

Lassen Sie sich mittels alert-Funktion den Vornamen der Person als Popup anzeigen:

<code id="5602e19e0a5ca">

</code>
<run id="5602e19e0a662"></run>



'''Aufgabe 2'''

Ändern Sie das Alter der Person auf 48! Kommentieren Sie vorher das alert aus Aufgabe 1 aus.
<code id="5602e2bfd5318">

</code>
<check>return person.alter == 48</check>