JavaScript -Objekte erklärt

JavaScript-Objekte sind die Implementierung des realen Objekts in einer Programmiersprache. Alles in JavaScript ist ein Objekt. JavaScript ist eine Programmiersprache, die oft als klassenbasierte Programmiersprache verwechselt wird, aber in Wirklichkeit handelt es sich um eine objektbasierte Programmiersprache.

Objekte in JavaScript werden verwendet, um das Verhalten der realen Objekte nachzuahmen. Zum Beispiel hat eine Frucht ihre Eigenschaften wie Name, Farbe, Form, Geschmack und Jahreszeit. In JavaScript können Sie diese Entität „Frucht“ gegen ihre Schlüsselwertpaare definieren. Tasten sind die Eigenschaften und Werte, die tatsächliche Werte dieser Eigenschaft sind.

A Obstobjekt In JavaScript.

frucht =
Name: "Apple",
Form: "Rundschreiben",
Geschmack: "Meistens süß, aber auch bitter",
Saison: "Alle Jahreszeiten"

Sie unterscheiden einen Schlüssel und einen Wert, indem Sie einen Dickdarm ":" zwischen ihnen legen, und Sie legen ein Komma zwischen verschiedenen Schlüsselwertpaaren. Dieses Muster oder diese Struktur der Definition einer realen Entität ähnelt einem JSON-Objekt. Dies liegt daran.

JavaScript -Objekte und Eigenschaften

Das Erstellen oder Definieren eines Objekts kann auf zwei Arten erfolgen:

• Durch Verwendung der “neu" Stichwort
• Durch Verwendung der lockig " " Um die Schlüsselwertepaare einzuschließen

Erstellen eines JS -Objekts mit dem neuen Schlüsselwort

Das Schlüsselwort „neu“ bedeutet, eine neue Instanz des Konstruktors eines Objekts zu erstellen. So erstellen Sie ein Objekt mit dem Schlüsselwort „Neu“, erstellen Sie eine Variable und setzen es dann dem Objektkonstruktor mit dem Schlüsselwort „Neu“ ein. und fügen Sie Schlüsselwertpaare hinzu, indem Sie die „verwenden“Dot-Operator”.

Syntax

varibename = new Object (); // schafft eine Instanz des Objekts
Variablennamen.PropertyName = PropertyValue; // gibt dem Objekt ein Schlüsselwertpaar an

Sie können ein Objekt einer Person erstellen, die die Eigenschaften hat: Vorname, Nachname, Alter und Job mit den folgenden Codezeilen:

var person = new Object ();
Person.FirstName = "John";
Person.Lastname = "doe";
Person.Alter = 27;
Person.Job = "Auditor";

Die erste Anweisung erstellt eine Variable mit der Kennung „Person“ und ruft den Objekt () -Konstruktor auf, indem Sie die “verwendenneu" Stichwort.

Die nächsten vier Aussagen werden verwendet, um 4 Eigenschaften oder "Schlüsselwert" -Paare des Objekts festzulegen. Der Eigenschaftsname wird mit der Kennung des Objekts mit einem “geschrieben“Dot-Operator”, Und der Wert des Bedieners wird nach dem Zuordnungsoperator angegeben=”.

Sie können dieses Objekt, das Sie gerade erstellt haben, mit der folgenden Anweisung erstellt:

Konsole.Protokoll (Person);

Wenn Sie den Code ausführen, erhalten Sie die Ausgabe:

Das Objekt wird auf die Konsole gedruckt und Sie können die Schlüsselwertpaare deutlich sehen.

Erstellen eines JS -Objekts mit Curly Brackets

Eine andere Möglichkeit, JavaScript zu erstellen, besteht darin, eine Variable zu erstellen und gleichzeitig den Schlüsselwertpaaren (die in den lockigen Klammern eingeschlossen sind) direkt als Definieren eines Objekts unter Verwendung der buchstäblichen Syntax bezeichnet wird.

Syntax

variobLename = PropertyName: PropertyValue;

Sie können das gleiche Personobjekt mit denselben Eigenschaften erstellen, indem Sie die wörtliche Syntax verwenden:

var person =
FirstName: "John",
LastName: "Doe",
Alter: 27,
Job: "Auditor",
;

Sie setzen die variable „Person“ gleich den Schlüsselwertpaaren, die in lockigen Klammern eingeschlossen sind . Jedes Schlüsselwertpaar wird durch ein Komma getrennt "," Schlüssel und Werte werden durch einen Dickdarm getrennt ":"

Sie können das Schlüsselwertpaar dieses Objekts mit den folgenden Befehlen auf der Konsole ausdrucken.

Konsole.Protokoll (Person);

Wenn Sie diesen Code -Snippet ausgeführt haben, sehen Sie die folgende Ausgabe:

Sie können die Schlüsselwertpaare auf der Konsole sehen, die Stringwerte sind innerhalb der Anführungszeichen eingeschlossen, und die ganzzahligen Werte werden von nichts eingeschlossen.

Werte von Objekteigenschaften abrufen

Sie können Werte aus der Objekteigenschaft erhalten, indem Sie zwei Möglichkeiten verwenden:

Eine davon ist, die einfache DOT -Syntax zu verwenden:

Objektname.Name des Anwesens;

Der zweite Weg besteht darin, das Array -Zugriff auf Syntax wie:

ObjectName ["PropertyName"];

Nehmen Sie das Personobjekt aus den obigen Beispielen, die wir mit dem folgenden Code erstellt haben:

var person =
FirstName: "John",
LastName: "Doe",
Alter: 27,
Job: "Auditor",
;

Wir können auf seine Eigenschaften zugreifen, indem wir beide folgenden Arten unterhalten:

Konsole.Protokoll (Person.Vorname);
Konsole.log (Person ["LastName"]);

Die erste Anweisung greift mit dem Dot-Operator auf den Wert zu. Die zweite Anweisung greift mit den Array -Methoden auf den Wert zu. Die Ausgabe des Codes wäre:

Das dreht sich um JavaScript -Objekte.

Abschluss

Einheitliche Entitäten können alle in der JavaScript-Programmiersprache zusammen mit ihren Eigenschaften dargestellt werden, indem sie die verwenden Objekte, Dies definiert die Eigenschaften eines Unternehmens mit a Schlüsselwert Paar. Wir haben gelernt, wie ein Objekt in JavaScript funktioniert, wie man ein Objekt mit unterschiedlichen Methoden erstellt und wie Daten mit Hilfe von Beispielen Daten aus einem Objekt abrufen.