- Verwenden der Methode Object.assign() zum Anhängen von Werten an Objekt in JavaScript
- Verwendung der push()-Methode zum Anhängen von Werten an Objekte in JavaScript
- Verwendung des Spread-Operators (…) zum Anhängen von Werten an Objekte in JavaScript
Methode 1: Verwenden der Object.assign()-Methode zum Anhängen von Werten an Objekt in JavaScript
Das Object.assign() Die Methode ist bekannt dafür, Werte an Objekte anzuhängen. Es braucht zwei Argumente. Das erste stellt das Zielobjekt dar und das zweite Argument übernimmt die Schlüssel/Wert-Paare. Die Syntax von Object.assign() Methode ist unten angegeben:
Syntax
Objekt . zuordnen ( Ziel, Quelle ) ;
Die Parameter sind hier beschrieben:
- Ziel : gibt das Objekt an, an das die Werte angehängt werden.
- Quelle : bezieht sich auf den angehängten Wert.
Lassen Sie uns die Funktionsweise dieser Methode anhand des folgenden Beispielcodes verstehen:
Code
Konsole. Protokoll ( „Ein Beispiel für die Verwendung der Methode assign()“ ) ;
lass user_obj = {
1 : { Name : 'Adam' } ,
zwei : { Name : 'Harri' } ,
} ;
lassen obj = Objekt . zuordnen ( user_obj, { 3 : { Name : 'Jasam' } } ) ;
Konsole. Protokoll ( obj ) ;
In diesem Code:
- Zuerst, 'Adam' und „Harri“ werden als Werte zugewiesen 'Name' Eigentum.
- Das Object.assign() Methode wird verwendet, um a anzuhängen 'Jasam' Wert auf die „user_obj“ Objekt.
- Endlich, das Konsole.log() -Methode wird verwendet, um alle Werte im Konsolenfenster anzuzeigen.
Ausgabe
An der Ausgabe wird beobachtet, dass der neue Wert erfolgreich zum Objekt hinzugefügt wurde.
Methode 2: Verwenden der push()-Methode zum Anhängen von Werten an ein Array-Objekt in JavaScript
Das drücken() -Methode kann verwendet werden, um einem Array einen oder mehrere Werte hinzuzufügen oder einzufügen. Diese Methode gibt nach dem Anhängen von Werten ein neues Array zurück. Lassen Sie uns sehen, ob es mit der folgenden Syntax funktioniert:
Syntax
Arr. drücken ( Wert1, Wert2, ..., WertN )In dieser Syntax „Wert1“, „Wert2“ und 'WertN' sind die Werte, die an die „ Arr ” variabel.
Code
Konsole. Protokoll ( „Ein Beispiel für die Verwendung der Methode assign()“ ) ;konst Sport = [ 'Kricket' , 'Eishockey' , 'Fußball' ] ;
konst Zähler = Sport. drücken ( 'Basketball' ) ;
Konsole. Protokoll ( Zähler ) ;
Konsole. Protokoll ( Sport ) ;
Die Beschreibung des Codes finden Sie hier:
- Ein Array namens 'Sport' erstellt, das aus drei Elementen besteht, d. h. „Cricket“, „Hockey“ und 'Fußball' .
- Danach der Wert 'Basketball' wird an die Verwendung von angehängt sport.push() Methode in JavaScript.
- Am Ende ist die Konsole.log() -Methode zeigt das Array im Konsolenfenster an .
Ausgabe
Die Ausgabe zeigt, dass die 'Basketball' Wert wird an die angehängt Sport Objekt durch Verwendung des drücken() Methode.
Methode 3: Verwendung des Operators Spread (…) zum Anhängen von Werten an Objekte in JavaScript
Der Spread-Operator (…) wird verwendet, um Werte an Objekte in JavaScript anzuhängen. Es ist nützlich, Objekte an einem Ort zusammenzuführen. Die Syntax des Spread-Operators ist unten angegeben:
Syntax
{ ... obj , Schlüssel : 'Wert' }In dieser Syntax 'Wert' ist dem zugeordnet Schlüssel im Objekt obj .
Der Beispielcode des Spread-Operators zum Anhängen von Werten an ein Objekt ist unten angegeben:
Code
Konsole. Protokoll ( 'Ein Beispiel für die Verwendung des Spread-Operators' ) ;lass obj1 = { Name : 'Harry' } ;
obj2 = { ... Objekt1 , Farbe : 'Weiß' } ;
Konsole. Protokoll ( obj2 ) ;
In diesem Code:
- Ein 'obj1 “ wird verwendet, um das Element zu speichern Name durch Wertzuweisung „Harri“ .
- Danach die 'Weiß' Wert hängt an 'obj1' .
- Am Ende ist die Konsole.log() -Methode zeigt die angehängten Werte im Konsolenfenster an.
Ausgabe
Die Ausgabe zeigt das neue Objekt „ obj2 ” welches den Wert aus dem Objekt enthält “ Objekt1 ” sowie der angehängte Wert “ Weiß “.
Fazit
JavaScript bietet zwei Methoden, d. h. Object.assign() und drücken() um Werte an ein Objekt anzuhängen.
Das Object.assign() Methode zum Anhängen von Werten an Objekte durch Schlüssel/Wert-Paare. Das drücken() Methode fügt einem Array einen oder mehrere Werte hinzu. Allerdings ist die Verbreitung (…)-Operator kann auch verwendet werden, um Werte an ein Objekt anzuhängen. In diesem Beitrag wurden alle Möglichkeiten zum Anhängen von Werten an ein Objekt in JavaScript aufgezeigt.