English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Grundkurs

JavaScript Objekt

JavaScript Funktion

JS HTML DOM

JS Browser BOM

AJAX Grundkurs

JavaScript Referenzhandbuch

Objektattribute in JavaScript

Attributesind die Verbindungen zwischen Namen (Schlüssel) und Werten innerhalb eines Objekts und können jeden Datentyp enthalten.

AttributeDies bezieht sich normalerweise auf die Eigenschaften eines Objekts.

Diese können normalerweise geändert, hinzugefügt und gelöscht werden, aber einige Attribute sind schreibgeschützt.

Zugriff auf JavaScript-Attribute

Es gibt zwei Methoden, um auf JavaScript-Attribute zuzugreifen:

  • Punktnotation: .

  • Klammensymbole: []

Lassen Sie uns das ursprüngliche Beispielobjekt neu besuchenuser.

user.firstName;
Testen Sie heraus‹/›
user["firstName"];
Testen Sie heraus‹/›

Punkt und Klammern werden häufig verwendet. Allerdings ist die Punktnotation (.). schneller und lesbarer.

Hinzufügen neuer Attribute

Um neue Attribute zu einem Objekt hinzuzufügen, können Sie den Zuweisungsoperator (=) verwenden, um neuen Werten die Attribute zuzuweisen.

Angenommen, das Benutzerobjekt existiert bereits-Dann können neue Attribute zugewiesen werden:

user.weapon = "Sword";
Testen Sie heraus‹/›

Hinweis: Vermeiden Sie die Verwendung von Reservewörtern für Attribut- oder Methodennamen.

Ändern von Objektattributen

Objektattribute können geändert werden, indem neuen Werten zugewiesen wird.

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};
user.location = "Goa";
Testen Sie heraus‹/›

Löschen von Objektattributen

Um ein Attribut aus einem Objekt zu löschen, verwenden wir den Schlüsselwortdelete.

delete ist der Operator, der verwendet wird, um Attribute aus einem Objekt zu löschen, und kann Attribute eines Objekts löschen.

Nachstehend wird ein Beispiel gezeigt, wie man Attribute aus einem Objekt löscht:

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};
delete user.location;
Testen Sie heraus‹/›

Der delete-Operator löscht die beiden Werte und das Attribut selbst.

Verwenden Sie den delete-Operator nicht auf vorgedefinierten JavaScript-Objektattributen. Dies könnte Ihre Anwendung zum Absturz bringen.

Durchsuchen Sie die Attribute eines Objekts

JavaScript verfügt überfor...inSpeziell für die Iteration über die Attribute eines Objekts.

Syntax:

for (variable in object) { auszuführender Befehl }

Dies ist unser Hauptobjektsbeispiel, eine vereinfachte Version des Beispielbenutzers:

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};
for (let x in user) {
    document.write(x);
}
Testen Sie heraus‹/›

Durch die Verwendung von Klammern können wir die Eigenschaftswerte als Variable abrufen, im Beispiel x:

for (let x in user) {
document.write(user[x]);
}
Testen Sie heraus‹/›

for...inDie Schleife sollte nicht mitfor...ofSchleifenverwirrung, letztere wird nur auf Array-Objekttypen verwendet.

Eine andere nützliche Enumerationsmethode ist die Methode Object.keys(), die eine Array der Objekteigenschaften zurückgibt.

// Initialisieren Sie Methoden auf dem Benutzerobjekt, um die Attributschlüssel zurückzugeben
Object.keys(user);
Testen Sie heraus‹/›

Diese Methode ermöglicht es uns, die Eigenschaften des Objekts als Array zu verwenden, daher können Sie alle Methoden des JavaScript-Arrays nutzen.

Interne Eigenschaften der Eigenschaft

Alle Eigenschaften haben einen Namen. Außerdem haben sie auch Eigenschaftswerte.

Dieser Wert ist einer der Eigenschaften der Eigenschaft.

Andere Eigenschaften sind: enumerierbar, konfigurierbar und schreibbar.

Diese Eigenschaften definieren den Zugriff auf die Eigenschaften (Lesbarkeit, Schreibbarkeit).

In JavaScript können alle Eigenschaften gelesen werden, aber nur die Eigenschaftswerte geändert werden(kann und nur, wenn der Attribut im schreibbaren Zustand ist).