Hinzufügen von Elementen zu Objekten - JavaScript

In verschiedenen Situationen müssen Programmierer Daten in Objekten in Schlüsselwertpaaren dynamisch hinzufügen oder anhängen (nach dem Erstellen von Objekten). Es gibt keine Push () -Methode für die Objekte, um dies zu tun. Daher können Sie Objekten Elemente hinzufügen, indem Sie einer neuen oder vorhandenen Objekteigenschaft einen Wert unter Verwendung verschiedener JavaScript -Operatoren oder -Methoden zuweisen.

In diesem Beitrag werden die Methoden zum Hinzufügen von Elementen zu einem JavaScript -Objekt beschrieben.

So fügen Sie Elemente zu Objekten in JavaScript Elemente hinzu?

Um einem Objekt Elemente hinzuzufügen, verwenden Sie die folgenden Ansätze:

• Punkt (.) Operator
• Eckige Klammer [ ]
• Zuordnung () Methode

Methode 1: Hinzufügen von Elementen zum Objekt mit dem Punkt (DOT (.) Operator

Zum Hinzufügen von Elementen in einem Objekt verwendet das “PunktNotation. Es wird zum Zugriff auf, addiert oder verändert die Eigenschaften und Methoden von Objekten. Der DOT-Operator ist ein grundlegendes Merkmal von JavaScript und wird in der objektorientierten Programmierung ausgiebig verwendet.

Syntax
Verwenden Sie die untergegewalte Syntax zum Hinzufügen von Elementen zu einem Objekt mit der ((.) Notation:

Objekt.Eigenschaft = Wert;

Beispiel
Erstellen Sie ein leeres Objekt namens “stdinfo”:

const stdinfo = ;

Fügen Sie einige Elemente in einem Schlüsselwertpaar mit Hilfe der Punktnotation hinzu:

stdinfo.id = 1;
stdinfo.name = "mari";

Drucken Sie nach dem Hinzufügen von Elementen das Objekt auf der Konsole aus:

Konsole.log (stdinfo);

Wie Sie sehen, dass die Elemente ein leeres Objekt erfolgreich hinzugefügt wurden:

Methode 2: Hinzufügen von Elementen zum Objekt mithilfe der Quadrathalterungsnotation []

Sie können auch die „verwenden“eckige KlammerNotation zum Hinzufügen der Elemente zum Objekt. Ähnlich wie bei Punktnotation wird es auch zum Zugriff auf, hinzufügen und Änderungen von Objekteigenschaften und -methoden verwendet.

Syntax
Befolgen Sie zum Hinzufügen von Elementen mit [] Notation der angegebenen Syntax:

Objekt ['Eigenschaft'] = Wert;

Beispiel
Ergänzen Sie die "Alter”Des Schülers zum Objekt unter Verwendung der Halterung [] Notation:

stdinfo ['Alter'] = 18;

Ausgang

Methode 3: Hinzufügen von Elementen zu einem Objekt mithilfe von HiMiple () Methode () Methode

Eine andere Möglichkeit, einem Objekt Elemente hinzuzufügen, besteht darin, die zu verwenden “zuordnen()" Methode. Es wird verwendet, um die Werte aller aufgezählbaren Eigenschaften von mehreren Quellobjekten zu einem angegebenen Zielobjekt zu kopieren.

Syntax
Die allgemeine Syntax für die Methode von ordnungsgemäß () lautet wie folgt:

Objekt.zuweisen (Ziel,… Quellen)

Verwenden Sie zum Hinzufügen von Elementen zu einem Objekt die angegebene Syntax:

Objekt.zuweisen (Objekt, Schlüssel: 'value');

Hier das "ObjektIst das Ziel.

Beispiel
Fügen wir eine Eigenschaft hinzu "Standard”In einem Objekt unter Verwendung der Methode von AIMISION ():

Objekt.ordnen (stdinfo, Standard: 'A-Level');

Es kann beobachtet werden, dass die Methode von Astromia () das Schlüsselwertpaar erfolgreich zu einem Objekt hinzugefügt hat:

Wir haben alle wesentlichen Anweisungen zur Verfügung gestellt, die für das Hinzufügen von Elementen zum Objekt relevant sind.

Abschluss

Verwenden Sie zum Hinzufügen von Elementen zu einem Objekt die “Punkt (.)" Operator, "Eckige Klammer [ ]"Notation oder die"zuordnen()" Methode. Der DOT -Operator und die Quadrathalterungsnotation sind die häufigsten Ansätze, die zum Zugriff auf oder zum Hinzufügen von Eigenschaften zu einem Objekt verwendet werden. In diesem Beitrag wurden die Methoden zum Hinzufügen von Elementen zu einem Objekt in JavaScript beschrieben.