Methoden zum Zugriff auf JavaScript -Eigenschaften

In JavaScript kann ein Objekt als eine Sammlung ungeordneter Eigenschaften definiert werden, die damit verbunden sind. Es bietet auch drei verschiedene Methoden zum Zugriff auf die Objekteigenschaften, die alle nützlich sind und in Kombination verwendet werden können. Die Methoden, über die wir sprechen, sind Dot -Immobilien -Accessor, Square Property Accessor, Und Objekt zerstören.

In diesem Handbuch werden die angegebenen Methoden zum Zugriff auf die Eigenschaften von JavaScript -Objekten erörtert. Darüber hinaus werden wir auch die Syntax, Verwendung und Beispiele im Zusammenhang mit Dot -Immobilien -Accessor, Square Property Accessor und den Destructuring -Methoden des Objekts demonstrieren. So lass uns anfangen!

DOT -Eigenschaft Accessor für JavaScript -Eigenschaften

Die erste und häufigste Methode, um auf JavaScript -Eigenschaften eines Objekts zuzugreifen. Diese Methode wird nur zum Zugriff auf die gültigen Kennungen des deklarierten Objekts verwendet.

Die Syntax des DOT -Eigenschafts -Accessors ist unten angegeben:

Objektname.Name des Anwesens

Hier können Sie das hinzufügen “Objektname" Und "Name des Anwesens”Des erstellten Objekts, auf das Sie zugreifen möchten.

Beispiel: Verwenden der DOT -Eigenschaft zum Zugriff auf JavaScript -Eigenschaften

Wir werden eine erstellen “Mitarbeiter"Objekt und definieren Sie seine"Name" Eigentum.

const Mitarbeiter =
Name: 'John' '
;

Danach können Sie auf die hinzugefügte Eigenschaft zugreifen, indem Sie den folgenden Code im Konsolenfenster schreiben:

Mitarbeiter.Name;

Im oben gegebenen Code greift der DOT-Immobilien-Accessor auf die “zugibtName”Eigentum der“Mitarbeiter”JavaScript -Objekt:

Zugriff auf gültige und ungültiger Kennung für JavaScript -Eigenschaften

Wenn Sie den Eigenschaftsnamen als Angabe als Angeben Gültige Kennung, Die DOT -Eigenschaft Accessor Funktionen korrekt. In JavaScript umfasst eine gültige Kennung Ziffern (0-9), spezielle Charaktere ($, _), Und Unicode -Buchstaben. Manchmal sind die zusätzlichen Eigenschaften jedoch keine gültigen Kennungen.

Zum Beispiel im untergegebenen Code der “Name-1" Und "5”Sind die ungültigen Kennungen, sodass der DOT -Eigenschafts -Accessor seine Funktionalität im angegebenen Code nicht ausführen wird:

const Mitarbeiter =
'Name-1': 'John',
'5': 'fünf' '
;
Mitarbeiter.Name-1;
Mitarbeiter.5;

Hier beide “MitarbeiterObjekteigenschaften sind ungültige Kennungen als die “Name-1"Enthalten"-"und die andere Eigenschaft startet die Zahl"5,Das ist ein Hinweis auf die ungültige Kennung:

JavaScript bietet auch Lösungen für jedes angetroffene Problem an, einschließlich der Verwendung ungültiger Kennungen. Wenn Sie die Eigenschaften für Ihr Objekt mit eindeutigen Namen hinzugefügt haben, können Sie die verwenden Square Property Accessor Für den Zugriff auf diese Eigenschaften.

Square Property Accessor für JavaScript -Eigenschaften

Square Property Accessor wird verwendet, um auf die Objekteigenschaften zuzugreifen, auf die Sie mit dem Dot -Immobilien -Accessor nicht zugreifen können. Es wird hauptsächlich zum Zugriff auf die ungültige Kennung und Eigenschaften des Array -Objekts verwendet.

Schauen Sie sich die Syntax des Square Property Accessor für den Zugriff auf die Eigenschaften von JavaScript -Objekten an:

Objektname [PropertyName]

Hier müssen Sie das angeben “Objektname"Und seine damit verbundene Eigenschaft in der"Name des AnwesensSie möchten zugreifen.

Beispiel: Verwenden von Quadratklammern zum Zugriff auf JavaScript -Eigenschaften

Jetzt werden wir auf die “zugreifen“Name-1" Und "5”Ungültige Kennungen mit Hilfe der Square Brackets Accessors:

const Mitarbeiter =
'Name-1': 'John',
'5': 'fünf' '
;
Konsole.log (Mitarbeiter ['Name-1']);
Konsole.log (Mitarbeiter [5]);

Die untergedrehte Ausgabe erklärt, dass wir erfolgreich auf die “zugegriffen habenName-1" Und "5"JavaScript -Eigenschaften unserer"Mitarbeiter" Objekt:

Destructuring -Methode für Objekte zum Zugriff auf JavaScript -Eigenschaften

In der Destructuring -Methode von Objekten ermöglicht die Zerstörungszuweisung Sie, Eigenschaften zuzuweisen, die sich auf die Variablen und Arrays des Objekts beziehen. Um auf die Eigenschaften der JavaScript -Objekte mithilfe der Destructuring von Objekten zugreifen zu können, müssen Sie der folgenden Syntax folgen:

PropertyName = ObjectName

Hier schließen Sie die “beiName des Anwesens" im ""Lockige Zahnspangen und fügen Sie dann die" hinzu "Objektname”Für den Zuordnungszweck.

Beispiel: Verwenden Sie die Methode zur Destrukturierung von Objekten zum Zugriff auf JavaScript -Eigenschaften

Um Ihnen die Verwendung der Methode zur Zerstörung von Objekten beizubringen, werden wir zunächst eine erstellenMitarbeiter"Objekt mit einer"Name" Eigentum. Danach werden wir die Zerstörungs -Objektlinie hinzufügen, die lautet “const name = Mitarbeiter;”. Diese Zerstörung definiert eine Variable “Name”Den Wert der Angestellten Objekteigenschaft haben:

const Mitarbeiter =
Name: 'John' '
;
const name = Mitarbeiter;
Konsole.log (name);

Die untergedrehte Ausgabe erklärt, dass wir erfolgreich auf die “zugegriffen habenName"Eigentum unserer"Mitarbeiter”JavaScript -Objekt mit Hilfe der Destructuring -Methode von Objekten:

Abschluss

DOT -Eigenschaft Accessor, Square Brackets Accessor und Objektzerstörungen sind die Methoden zum Zugriff auf JavaScript -Eigenschaften. Der Dot -Immobilien -Accessor wird verwendet, um auf die gültige JavaScript -Kennung eines Objekts zuzugreifen. Während die Square Brackets Accessor wird zum Zugriff auf den Namen ungültiger Kennung oder dynamischer Eigenschaft verwendet. Auch der Objektzerstörungsmethode kann Sie beim Zugriff auf Objekteigenschaften unterstützen. Wir haben DOT -Immobilien -Accessor, Square Property Accessor und Object Destructuring -Methoden zum Zugriff auf JavaScript -Eigenschaften mit Beispielen in diesem Artikel demonstriert.