JavaScript-Programmierung von Kopf bis Fuß

Sie sind hier � 181

Objekte verstehen

Wie Eigenschaften funktionieren

Jetzt haben wir alle Eigenschaften in ein Objekt verpackt. Und was jetzt? Na, Sie können

die Eigenschaftswerte untersuchen, sie verändern, neue Eigenschaften hinzufügen,

andere entfernen und sie allgemein dafür benutzen, Berechnungen anzustellen. Ein paar

dieser Möglichkeiten wollen wir – natürlich mit JavaScript – einmal ausprobieren.

var fiat = {

make: "Fiat",

model: "500",

year: 1957,

color: "blaugrau",

passengers: 2,

convertible: false,

mileage: 88000

};

Auf eine Eigenschaft zugreifen. Um auf eine Eigenschaft in einem

Objekt zuzugreifen, beginnen Sie mit dem Objektnamen, gefolgt von einem

Punkt (.), gefolgt vom Namen der gewünschten Eigenschaft. Wir nennen das die

»Punktnotation«, und die sieht so aus:

Schreiben Sie zuerst

den Namen des

Objekts …

Das kleinste Auto in Objectville.

fiat.mileage

… dann einen Punkt …

… gefolgt vom Namen

der Eigenschaft.

Das ist wirklich nur ein

»Punkt«.

Und damit können wir die Eigenschaft in einem Ausdruck

verwenden, etwa so:

var miles = fiat.mileage;

if (miles < 2000) {

buyIt();

}

Beginnen Sie mit der Variablen, die Ihr

Objekt enthält, gefolgt von einem Punkt

und dem Eigenschaftsnamen.

Punktnotation.

● Mit der Punktnotation

(.) können Sie auf die

Eigenschaften eines

Objekts zugreifen.

● So ist at.color die

Eigenschaft im at-

Objekt mit dem Namen

color und dem Wert

»blaugrau«.

182 Kapitel 5

Objekteigenschaften verwenden

make: "Fiat"

model: "500"

year: 1957

color: "graublau"

passengers: 2

convertible: false

mileage: 88000

needsWashing: true

fiat.mileage = 10000;

fiat.needsWashing = true;

Geben Sie einfach die Eigenschaft an und weisen Sie ihr

einen neuen Wert zu. Hinweis: In manchen Ländern ist

das Manipulieren des Kilometerstands nicht erlaubt!

Sofern die Eigenschaft noch nicht im

Objekt existiert, wird sie ihm hinzugefügt.

Andernfalls wird die Eigenschaft mit diesem

Namen nur aktualisiert.

Eine Eigenschaft ändern. Sie können den Wert einer

Eigenschaft jederzeit ändern. Hierfür müssen Sie der Eigenschaft nur einen

neuen Wert zuweisen. Angenommen, wir wollten den Kilometerstand

unseres flotten Fiats auf runde 10.000 km setzen, dann könnten wir

Folgendes schreiben:

Eine neue Eigenschaft hinzufügen. Sie können Ihr Objekt

jederzeit erweitern. Hierfür brauchen Sie nur die neue Eigenschaft

anzugeben und ihr einen neuen Wert zuzuweisen. Im nächsten Beispiel

definieren wir einen Booleschen Wert, der angibt, ob der Fiat gewaschen

werden muss:

Das Objekt wurde um die neue Eigenschaft erweitert.

if (fiat.year < 1965) {

classic = true;

}

for (var i = 0; i < fiat.passengers; i++) {

addPersonToCar();

}

Im Programm mit Eigenschaften arbeiten.

Die

Verwendung von Eigenschaften in Ihrem Programm ist einfach: Benutzen

Sie die Eigenschaft einfach anstelle einer normalen Variablen (oder

irgendeines anderen Werts). Hier ein paar Beispiele:

Sie können die Eigenschaften von Objekten auf die gleiche Weise

benutzen wie Variablen. Der einzige Unterschied ist die Verwendung

der Punktnotation für den Zugriff auf die Eigenschaft im Objekt.

Sie sind hier � 183

Objekte verstehen

Das Hund-

Objekt.

var dog = {

name: _________

_________: 20.2

age: ________

________: "StraGraMi",

activity: ____________

};

var bark;

if (_____________ > 20) {

bark = "WAU WAU";

} else {

bark = "grr wuff";

}

var speak = __________ + " sagt " + ________ + ". Das heißt, er möchte " + __________;

console.log(speak);

name: "Fido"

weight: 20.2

age: 4

breed: "StraGraMi"

activity: "Gassi gehen"

Objektmagneten

dog.weight

dog.bark

bark

dog.name

dog.activity

"Fido"

Fido

age

breed

"Gassi gehen"

,

,

,

4

20.2

weight

,

Benutzen Sie diese

Magneten, um Ihren Code

zu vervollständigen.

Fido hofft, Sie bekommen

alle seine Eigenschaften

richtig hin.

Der Code am Kühlschrank ist durcheinandergekommen. Trainieren Sie Ihre

Fähigkeiten im Erstellen von Objekten und der Punktnotation, indem Sie

die einzelnen Teile wieder an der richtigen Stelle platzieren. Aber Vorsicht!

Einige Magneten werden möglicherweise nicht gebraucht!

184 Kapitel 5

Eigenschaften löschen

Jetzt kann ich also bei

Bedarf neue Eigenschaften

hinzufügen. Aber wie werde

ich sie wieder los?

Ja, Sie können Eigenschaften zu jeder Zeit

hinzufügen und auch löschen. Wie Sie wissen,

fügen Sie eine neue Eigenschaft hinzu, indem Sie der

neuen Eigenschaft einfach einen Wert zuweisen:

Ab sofort besitzt fido eine neue Eigenschaft namens

dogYears. Das war nicht schwer.

Um eine Eigenschaft zu löschen, gibt es das

Schlüsselwort delete. Das verwenden Sie so:

Wenn Sie per delete eine Eigenschaft entfernen,

wird nicht nur ihr Wert gelöscht, sondern die gesamte

Eigenschaft. Versuchen Sie danach, fido.dogYears

einzusetzen, erhalten Sie als Rückgabewert undefined.

Wurde die Eigenschaft erfolgreich entfernt, ist der

Rückgabewert des delete-Ausdrucks true. Konnte

die Eigenschaft dagegen nicht entfernt werden (was

beispielsweise passieren kann, wenn Sie versuchen,

ein geschütztes Objekt zu entfernen, das dem Browser

gehört), ist der Rückgabewert dagegen false. Vorsicht:

Es wird auch dann true zurückgegeben, wenn die

Eigenschaft, die Sie entfernen wollen, gar nicht im

Objekt existiert.

fido.dogYears = 35;

delete fido.dogYears;