Objekte

Aus ProgrammingWiki

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

var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};

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

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: 15, geschlecht: "w"};

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 sollen auf der Konsole ausgegeben werden.

var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};

console.log(person.name); console.log(person.vorname);

ausführen

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

var person = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"};

if(person.alter > 18){ console.log("Die Person ist erwachsen."); }else{ console.log("Die Person ist minderjährig."); }

ausführen

Ändern Sie das Alter der Person und drücken Sie erneut auf "Ausführen".

Beispiel

Die Funktion "pruefeAlter" erwartet als Parameter ein Person-Objekt. Sie prüft, ob die Person erwachsen oder minderjährig ist.

function pruefeAlter(person){ if(person.alter > 18){ console.log("Die Person ist erwachsen."); }else{ console.log("Die Person ist minderjährig."); } }

Die Funktion kann nun mit beliebigen Person-Objekten aufgerufen werden:

var person1 = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"}; pruefeAlter(person1); var person2 = {vorname: "Igor", name: "Ochirov", alter: 25, geschlecht: "m"}; pruefeAlter(person2); var person3 = {vorname: "Marta", name: "Kowalska", alter: 15, geschlecht: "w"}; pruefeAlter(person3);

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:

var person = {vorname: "Susi", name: "Meyer", alter: 25, geschlecht: "w"};

person.name = "Schulze"; //nur zum Prüfen: console.log(person.name);

ausführen

Wir arbeiten das Tutorial zum Thema "Javascript Objekte" bei W3Schools durch: w3schools

Aufgabe 1

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

var computer1 = {marke: "HP", betriebssystem: "Windows", bildschirmgroesse: 15.6, festplattengroesse: 1000, ram: 8, gewicht: 3}

ausführen

Aufgabe 2

Die Funktion "gratulation" erwartet als Parameter ein Person-Objekt, welches so aufgebaut ist wie in den Beispielen oben. Wenn die Person männlich ist, soll die Ausgabe

Hallo Herr <Nachname>, alles Gute zum <Alter>. Geburtstag!

erzeugt werden.

Wenn die Person weiblich ist, soll die Ausgabe

Hallo Frau <Nachname>, alles Gute zum <Alter>. Geburtstag!

erzeugt werden. Anstelle von <Nachname> und <Alter> soll die konkreten Werte eingesetzt werden.

function gratulation(person){ }

var person1 = {vorname: "Hans", name: "Müller", alter: 45, geschlecht: "m"}; gratulation(person1); var person2 = {vorname: "Igor", name: "Ochirov", alter: 25, geschlecht: "m"}; gratulation(person2); var person3 = {vorname: "Marta", name: "Kowalska", alter: 15, geschlecht: "w"}; gratulation(person3);

ausführen

Aufgabe 3

Die Funktion "vergleicheAlter" erwartet zwei Person-Objekte als Parameter. Wenn Person 1 älter ist als Person 2, soll die Ausgabe

<Vorname1> ist älter als <Vorname2>

erscheinen. Wenn beide Personen gleich alt sind, soll die Ausgabe

<Vorname1> ist genauso alt wie <Vorname2>

erscheinen.

Wenn Person 1 jünger ist ist, soll die Ausgabe

<Vorname1> ist jünger als <Vorname2>

erscheinen. Anstelle von <Vorname1> und <Vorname2> sollen die konkreten Vornamen der beiden Personen eingesetzt werden.

function vergleicheAlter(person1, person2){ }

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: 15, geschlecht: "w"}; var person4 = {vorname: "Maria", name: "Walkowiak", alter: 15, geschlecht: "w"}; vergleicheAlter(person1, person2); vergleicheAlter(person3, person2); vergleicheAlter(person3, person4);

ausführen

Aufgabe 4

Die Funktion "pruefeComputer" erwartet ein Computer-Objekt als Parameter. Vervollständigen Sie die Funktion so, dass die Ausgabe "Ultrabook" erscheint, wenn die Bildschirmgröße < 17 (Zoll) und das Gewicht < 2.5 (Kilogramm) ist. Ansonsten soll die Ausgabe "Notebook" erscheinen.

function pruefeComputer(computer){ }

var computer1 = {marke: "HP", betriebssystem: "Windows", bildschirmgroesse: 15.6, festplattengroesse: 1000, ram: 8, gewicht: 3} pruefeComputer(computer1); var computer2 = {marke: "Lenovo", betriebssystem: "Windows", bildschirmgroesse: 14, festplattengroesse: 256, ram: 4, gewicht: 1.5} pruefeComputer(computer2);

ausführen

Aufgabe 5

Gegeben ist ein Objekt mit dem Namen "computer1". Ändern Sie die Marke von "HP" zu "Dell" und das Betriebssystem von "Windows" zu "Linux". Zeile 1 darf nicht verändert werden.

var computer1 = {marke: "HP", betriebssystem: "Windows", bildschirmgroesse: 15.6, festplattengroesse: 1000, ram: 8, gewicht: 3}

//zum Prüfen: console.log(computer1.marke); console.log(computer1.betriebssystem);

ausführen

Aufgabe 6

Definieren Sie ein Objekt Ihrer Wahl mit mindestens vier Eigenschaften. Den Namen des Objekts, die Eigenschaften und die Werte können Sie frei wählen!

Definieren Sie anschließend ein zweites Objekt mit den gleichen Eigenschaften, aber anderen Werten.

ausführen

Aufgabe 7

Studieren Sie die folgende Funktion "ausgabeHaus". Die Funktion erwartet ein Haus-Objekt als Parameter und gibt die Eigenschaften des Hauses auf der Konsole aus.

Erstellen Sie in der run-Box ein Haus-Objekt mit den passenden Eigenschaftsnamen und rufen Sie die Funktion "ausgabeHaus" auf.

Erstellen Sie anschließend zwei weitere Haus-Objekte mit den gleichen Eigenschaften, aber anderen Werten und rufen Sie die Funktion "ausgabeHaus" auf.

function ausgabeHaus(haus){ console.log(haus.adresse); console.log(haus.groesse); console.log(haus.anzahlZimmer); console.log(haus.anzahlEtagen); }

ausführen