Objekte

Aus ProgrammingWiki

Archivierte Version vom 2017-04-07T20:44:55+00:00. Aktuelle Version

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> };</wert></eigenschaft></wert></eigenschaft></wert></eigenschaft></objektname>

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

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.

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

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

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.");
}

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

Beispiel

Die Funktion "pruefeAlter" erwartet als Parameter ein Objekt, welches die Eigenschaft "alter" besitzt:

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);

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);

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

Aufgaben

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

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

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);

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);

Objekte

Suche