Erstellen von Objekten in JavaScript

JavaScript ist eine Programmiersprache, die die Interaktion zwischen Objekten erleichtert. In dieser Skriptsprache ist ein Objekt im Grunde eine Variable, die viele Werte speichern kann. Zum Beispiel Autos in einem Ausstellungsraum, Schülern in der Schule und Bargeld auf Bankkonten. Es gibt verschiedene Möglichkeiten von Objekte mit JavaScript erstellen, wie Objektliterale, Konstruktormethoden, Klassen, und neue Schlüsselwörter. Das Objektliteral ist jedoch der häufigste Weg von Objekte erstellen Verwendung JavaScript.

In diesem Artikel haben wir zwei Methoden zum Erstellen von Objekten in JavaScript erläutert.

• Verwenden von Objektliteral, um Objekt in JavaScript zu erstellen
• Verwenden der Konstruktormethode zum Erstellen von Objekt in JavaScript
• Verwenden der Klasse, um Objekt in JavaScript zu erstellen
• Verwenden des neuen Schlüsselworts zum Erstellen von Objekt in JavaScript

Methode 1: Erstellen Sie ein Objekt mit den Objektliteralen in JavaScript

Dies ist die einfachste Möglichkeit, ein Objekt in JavaScript zu erstellen, indem das Objekt initialisiert wird. Benutzer können ein Objekt in einer einzigen Zeile erstellen und definieren. Ein Schlüsselwertpaar-Phänomen wird durchgeführt, um die von einem Dickdarm getrennten Werte zuzuweisen. Die Zuordnung von Werten ist in lockigen Klammern geschrieben:

Syntax

Die Syntax zum Erstellen eines Objekts mit einem Objektinitialisierer ist unten angegeben:

var Object = PropertyName: PropertyValue

Der Eigentum Name bezieht sich auf den Namen der Eigenschaft und die Eigentumswert repräsentiert den Wert dieser Eigenschaft.

Beispiel

In diesem Beispiel werden alle Werte den Eigenschaften des Objekts mit einem Schlüsselwert zugeordnet.

Code

// Ein Beispiel für das Erstellen eines Objekts mit Objektliteralen
var lehrer = FirstName: "Harry",
Lastname: "Billi",
Alter: 35,
Betreff: "Math";
Konsole.Protokoll (Lehrer.Vorname);

Im Code:

• Das Objekt Lehrer wird definiert und für dieses Objekt werden verschiedene Eigenschaften erstellt.
• Danach werden diesen Eigenschaften unterschiedliche Werte zugeordnet.
• Am Ende die spezifische Eigenschaft Lehrer.Vorname wird mit dem angezeigt Konsole.Protokoll() Methode in JavaScript.

Ausgang

Die Ausgabe gibt die spezifische Eigenschaft eines Objekts zurück, indem die Objektliteralmethode in JavaScript erstellt wird.

Notiz: JavaScript 1.1 und früher unterstützen Objektliterale nicht für die Initialisierung von Objekten.

Methode 2: Erstellen eines Objekts mithilfe der Konstruktormethode in JavaScript

Ein weiterer alternativer Weg, der verwendet werden kann, um ein Objekt in JavaScript zu erstellen, ist die Konstruktormethode. Die Methode erstellt eine Objektinstanz der Klasse. Definieren Sie bei dieser Methode zunächst einen Objekttyp mithilfe der Konstruktormethode:

Syntax

Funktionskonstruktor (Eigenschaft)
Das.Eigenschaft = Eigenschaft;
let NewObject = New Constructor ('ObjectValue');

Parameter:

Die Parameter werden wie folgt beschrieben.

• Konstrukteur: Eine Methode, die ein Objekt der Klasse initialisiert.
• NewObject: repräsentiert das neu erstellte Objekt
• Eigentum: Zeigt die vorhandene Objekteigenschaft an
• ObjectValue: Gibt den Wert an, der dem Objekt zugeordnet ist.

Beispiel

Es wird ein Beispiel für das Erstellen eines Objekts mit der Konstruktormethode in JavaScript vorgesehen. Zu diesem Zweck lautet der Code wie folgt:

Code

// Ein Beispiel für das Erstellen eines Objekts mit dem Konstruktor
Funktionsklasse (Name, Betreff)
Das.Name = Name;
Das.Subjekt = Subjekt;

lass lehrer1 = neue Klasse ('John', 'Math');
lass lehrer2 = neue Klasse ('Harry', 'Physik')
Konsole.Protokoll (Lehrer1.Name);
Konsole.Protokoll (Lehrer2.Name);

In diesem Code:

• Ein Konstruktor wird durch Übergabe des Eigentums aufgerufen Name Und Thema.
• Danach werden zwei Objekte mit den Namen von erstellt Lehrer1 Und Lehrer2.
• Die verschiedenen Werte werden ihnen zugewiesen, indem der Konstruktor aufgerufen wird.

Ausgang

Die Ausgabe gibt die Namen zurück John Und Harry das sind mit den Eigenschaften von verbunden Lehrer1 Und Lehrer2.

Methode 3: Erstellen eines Objekts mithilfe der Klasse in JavaScript

Die neue Version von JavaScript ES6 unterstützte das Konzept der Klasse. Das Erstellen des Objekts durch die Verwendung der Klasse ähnelt der obigen Konstruktormethode. Die Methoden werden jedoch durch die Klassen ersetzt, indem die Funktionen in der ES6 -Version in JavaScript bereitgestellt werden. Die Syntax zum Erstellen dieser Methode ist unten bereitgestellt:

Syntax

Klassenname
Konstruktor (Eigenschaft)
Das.Eigenschaft = Eigenschaft;
let NewObject = New ClassName ('ObjectValue');

In der obigen Syntax:

• Der Klassenname Gibt den Namen der Klasse an.
• Danach wird das Eigentum an den Konstruktor übergeben.
• Am Ende die ObjectValue wird dem zugeordnet NewObject Variable in JavaScript.

Beispiel

Ein Beispiel für das Erstellen eines Objekts wird durch die Verwendung der Klasse in JavaScript demonstriert.

Code

// Ein Beispiel für das Erstellen eines Objekts mithilfe von Klassen
Klassenlehrer
Konstruktor (Name, Subjekt, Haaroirkolor)
Das.Name = Name;
Das.Subjekt = Subjekt;
Das.Haircolor = Haircolor;


lass lehrer1 = neuer Lehrer ('Ali', 'Physik', 'schwarz');
lass lehrer2 = neuer Lehrer ('John', 'Math', 'Brown');
Konsole.Protokoll (Lehrer1.Name);
Konsole.Protokoll (Lehrer2.Thema);

In diesem Code:

• Der Klassenlehrer ist in drei Eigenschaften definiert: Name, Thema Und Haarfarbe.
• Darüber hinaus werden zwei Objekte erstellt: Lehrer1 Und Lehrer2.
• Nachher, Unterschiedliche Werte werden zugewiesen Lehrer1 Und Lehrer2 Objekte.
• Schließlich präsentieren Sie die Informationen mit dem Konsole.Protokoll() Methode in JavaScript.

Ausgang

Die Ausgabe zeigt die Ausführung des obigen Code Objektlehrer1 Gibt die NAME -Eigenschaft zurück Ali. Auf die gleiche Weise die Subjekteigenschaft des Objekts Lehrer2 wird durch die Verwendung des DOT -Operators in zurückgegeben JavaScript.

Methode 4: Erstellen eines Objekts mit dem neuen Schlüsselwort in JavaScript

Diese Methode bezieht sich auf das Erstellen eines Objekts mit dem neuen Schlüsselwort in JavaScript. Der Punktbetreiber wird verwendet, um die Eigenschaften neuer Objekte zu erstellen. Danach werden ihnen Werte zugewiesen. Es ist auch eine häufig verwendete Methode, um Objekte in JavaScript zu erstellen. Um das neue Schlüsselwort besser zu verstehen, wird hier ein Beispiel bereitgestellt.

Beispiel

Das Beispiel wird durch Erstellen eines Objekts demonstriert Lehrer In JavaScript.

Code

// Ein Beispiel für das Erstellen eines Objekts mit einem neuen Schlüsselwort
var lehrer = new Object ();
Lehrer.FirstName = "Ali";
Lehrer.Lastname = "Ahmed";
Lehrer.Betreff = "Math";
Lehrer.Alter = 35;
Lehrer.haircolor = "braun";
Konsole.Protokoll (Lehrer.Vorname);
Konsole.Protokoll (Lehrer.Alter);
Konsole.Protokoll (Lehrer.Thema);

In diesem Code lautet die Beschreibung wie folgt:

• Ein Objekt Lehrer wird mit a erstellt neu Stichwort.
• Danach, FirstName, Lastname, Subjekt, Alter, Und Haarfarbe Eigenschaften werden mit dem DOT -Operator definiert.
• Diese Eigenschaften werden unterschiedliche Werte zugewiesen.
• Am Ende werden die Objekteigenschaften mit dem angezeigt Konsole.Protokoll() Methode.

Ausgang

Die Ausgabe zeigt die Ausführung des Codes anhand der Verwendung des Codes an Neues Keyword In JavaScript. Zuerst die Lehrer.Name gab den Namen des Lehrers zurück Ali. Ähnlich, Lehrer.Alter Und Lehrer.Thema wird verwendet, um das Alter und das Thema des Lehrers in zu zeigen JavaScript.

Abschluss

Die vier verschiedenen Möglichkeiten werden dem Erstellen von Objekten in JavaScript nachgewiesen, einschließlich Objektliterale, Konstruktormethoden, Klassen, und das Neues Keyword. Erstens die Objekt wörtlich wird zum Erstellen eines Objekts durch die Namenswertepaare verwendet. Der Konstruktormethode wird verwendet, um ein Objekt zu initialisieren und Werte basierend auf seinen vorhandenen Eigenschaften zuzuweisen. Außerdem, Klassen sind angepasst, um Objekte zu erstellen und ihre Eigenschaften anzuzeigen, indem sie Werte zuweisen. Am Ende das Schlüsselwort neu wird verwendet, um jeweils ein einzelnes Objekt zu erstellen und es im Konsolenfenster zu präsentieren.