So fügen Sie einem Objekt in JavaScript Eigenschaft hinzu

JavaScript-Objekte verwalten mehrere Eigenschaften, die die Schlüsselpaarwerte sind. Diese Eigenschaften werden verwendet, um die Eigenschaften und Merkmale eines definierten Objekts in JavaScript anzugeben. Wenn die Objekte erstellt werden, können ihre relevanten Eigenschaften hinzugefügt, gelöscht und dynamisch geändert werden. Insbesondere gibt es mehrere Methoden von JavaScript zum Hinzufügen von Eigenschaften zu einem Objekt.

In diesem Beitrag werden die mehrfachen Methoden zum Hinzufügen einer Eigenschaft zu einem Objekt in JavaScript angegeben.

So fügen/fügen Sie ein Objekt in JavaScript eine Eigenschaft hinzu/ein?

Jetzt werden wir die folgenden Methoden zum Hinzufügen von Eigenschaften zu einem Objekt abdecken:

• Methode 1: Eigenschaft mit Punktnotation hinzufügen (.)
• Methode 2: Eigenschaft mit Objekt hinzufügen.Zuordnung () Methode
• Methode 3: Eigenschaft mit Objekt hinzufügen.DEFINEPROPERTY () -Methode

Methode 1: Fügen Sie ein Objekt mit DOT -Notation (Eigenschaft hinzu (.)

DOT -Notation ist eine Methode zum Zugriff auf die Eigenschaft eines Objekts. Beim Schreiben in Punktnotation sollten Sie zuerst den Objektnamen schreiben, dann einen Punkt (.) und dann den Namen der Eigenschaft einfügen.

Beispiel

Erstens ein Objekt mit Hilfe derlassenSchlüsselwort und die Eigenschaften dem definierten Objekt im Block: zuweisen:

lass obj =
Name: 'Hafsa',
Alter: 14,
;

Verwenden Sie die “Konsole.Protokoll()Methode und das Argument bestehen "obj”Auf der Konsole zeigen:

Konsole.log (obj);

Fügen Sie nun die Eigenschaft mit Hilfe der Punktnotation hinzu:

obj.Education = 'Software Engineer';

Anzeigeausgabe auf der Konsole anzeigen:

Konsole.log (obj);

Ausgang

Methode 2: Fügen Sie eine Eigenschaft zu einem Objekt mit einem Objekt hinzufügen.Zuordnung () Methode

Wir können auch die „verwenden“zuordnen()”Integrierte Methode von JavaScript, um die Eigenschaften in ein Objekt hinzuzufügen. Der "Objekt.zuordnen()”Ist eine statische Methode von JavaScript, die zum Kopieren aller zählbaren Merkmale und Eigenschaften von einem oder mehreren Quellobjekten zum Ziel des Objekts verwendet wird.

Syntax

Um das Objekt zu verwenden.Zuweisen () Methode, lesen Sie die angegebene Syntax:

Objekt.zuweisen (Ziel, Quelle);

In der obigen Syntax:

• “ZielBestimmt das Objekt, in dem die Eigenschaftswerte kopiert werden sollen.
• “Quelle”Zeigt das Objekt an, bei dem die jeweiligen Eigenschaftswerte kopiert werden sollen.

Beispiel

In diesem Beispiel zunächst eine Variable deklarieren und die Eigenschaften zuweisen. Deklarieren Sie dann eine andere Variable, indem Sie demselben Verfahren folgen:

lass Employee = Name: 'Diana', Alter: 23;
lass Information = Geschlecht: 'weiblich', Nationalität: 'Kanadier';

Verwenden Sie die “Objekt.zuordnen()Methode und übergeben die Argumente, wobei der erste Parameter das Zielobjekt ist und der zweite Parameter das Quellobjekt ist. Diese Methode kopiert alle Quellwerte im Zielwert:

Objekt.zuweisen (Mitarbeiter, Informationen);

Dann rufen Sie die “auf"Konsole.Protokoll()Methode zur Anzeige des Ergebniss auf der Konsole:

Konsole.Protokoll (Mitarbeiter);
Konsole.Protokoll (Informationen);

Ausgang

Methode 3: Fügen Sie eine Eigenschaft mit einem Objekt ein Objekt hinzu.DEFINEPROPERTY () -Methode

Der "Objekt.DefineProperty ()Ist eine statische JavaScript.

Syntax

Die "die" verwenden "Objekt.DefineProperty ()Methode, folgen Sie der angegebenen Syntax:

Objekt.DefineProperty (OBJ, New_Property, Konfiguration);

Hier:

• “obj”Bezieht sich auf das Objekt.
• “NEW_PROPERTY”Bestimmt die Eigenschaft, die hinzugefügt wird.
• “AufbauDefiniert den Wert, der geändert und geändert werden kann.

Beispiel

Deklarieren Sie ein Objekt mit Hilfe des “lassen" Stichwort:

sei obj = ;

Verwenden Sie die “Objekt.DefineProperty ()Methode und übergeben Sie die Argumente und legen Sie den Wert für die beschreibbare Eigenschaft als wahr fest. Daher kann die ID -Eigenschaft des Objekts OBJ jetzt geändert werden:

Objekt.DefineProperty (obj, 'id',
Wert: 137,
Beschreibbar: wahr
);

Fügen Sie eine Immobilie mit Hilfe von hinzu “obj.Ausweis”Und zuweisen den Wert:

obj.id = 214;

Nach den bestandenen Argumenten zeigt die Konsole den geänderten Eigenschaftswert an:

Konsole.log ("Objekt -ID:", OBJ.Ausweis);

Legen Sie den Wert der beschreibbaren Eigenschaft als falsch fest. Infolgedessen kann die Namenseigenschaft des Objekts OBJ jetzt nicht geändert werden:

Objekt.DefineProperty (obj, 'Name',
Wert: 'Hafsa',
Beschreibbar: false);

Fügen Sie eine Immobilie mit Hilfe von hinzu “obj.Name”Und zuweisen den Wert:

obj.name = 'hafsa javed';

Nach den bestandenen Argumenten wird die Konsole nicht den übergebenen neuen (HAFSA Javed) Immobilienwert, sondern den älteren (HAFSA) -Wert nicht anzeigen:

Konsole.log ("Objektname:", OBJ.Name);

Hier geht es darum, die Eigenschaft einem Objekt in JavaScript hinzuzufügen.

Abschluss

Um die Eigenschaft einem Objekt in JavaScript hinzuzufügen, können mehrere Methoden verwendet werden. Benutzer können die Eigenschaft einem Objekt mithilfe verwenden “hinzufügen“Punktnotation(.)","Objekt.zuordnen()Methode oder die “Objekt.DefineProperty ()" Methode. In diesem Beitrag wurde die Mehrfachmethoden zum Hinzufügen der Eigenschaft zu einem Objekt in JavaScript angegeben.