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'' mit den Werten "Hans", "Müller", 45 und "m".

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


Es können beliebig viele Objekte mit den gleichen Eigenschaften, aber unterschiedlichen Werten definiert werden:

<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. 


'''Beispiel'''

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

Der Name und der Vorname der Person soll auf der Konsole ausgegeben werden.

<code id="58e7f328bad2b">
var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};
</code>
<run id="58e7f328baf06">
console.log(person.name);
console.log(person.vorname);
</run>


'''Beispiel'''

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

Wenn das Alter der Person > 18 ist, soll der Text "Die Person ist erwachsen." ausgegeben werden, ansonsten: "Die Person ist minderjährig."

<code id="58e7f328badae">
var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};
</code>
<run id="58e7f328baf6e">
if(person.alter > 18){
   console.log("Die Person ist erwachsen.");
}else{
   console.log("Die Person ist minderjährig.");
}
</run>
Ändern Sie das Alter der Person und drücken Sie erneut auf "Ausführen".



'''Beispiel'''

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

Der Name der Person soll von "Meyer" zu "Schulze" geändert werden:

<code id="58e7f328bae1b">
var person = {vorname: "Susi", name: "Meyer", alter: 25, geschlecht: "w"};
</code>
<run id="58e7f328bafdb">
person.name = "Schulze";

//nur zum Prüfen:
console.log(person.name);
</run>

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


'''Aufgaben'''


Gegeben ist ein Objekt mit dem Namen "computer1". Geben Sie die Marke, die Bildschirmgröße und den Prozessor auf der Konsole aus!

<code id="58e7f328bae86">
var computer1 = {marke : "HP", Betriebssystem: "Windows", Bildschirmgröße: "15,6 Zoll", Festplattengröße: "1 TB", RAM: "8 GB"}
</code>
<run id="58e7f328bb053">
</run>