Ein Objekt wird in JavaScript als eine Gruppe von Schlüssel-Wert-Paaren beschrieben. Manchmal müssen Entwickler die Eigenschaften der beiden Objekte in einem neuen Objekt kombinieren. Dieser Vorgang wird Zusammenführen genannt. Zum Zusammenführen von Objekten bietet JavaScript einige eingebaute Methoden namens „ Object.assign() “ Methode oder die „ Spread-Operator “.
Dieser Beitrag beschreibt die Methoden zum dynamischen Zusammenführen der Eigenschaften von zwei JavaScript-Objekten.
Wie werden Eigenschaften von zwei JavaScript-Objekten dynamisch zusammengeführt?
Verwenden Sie die folgenden Methoden, um die Eigenschaften zweier JavaScript-Objekte dynamisch zusammenzuführen:
Methode 1: Eigenschaften von zwei JavaScript-Objekten dynamisch mit der Object.assign()-Methode zusammenführen/kombinieren
Verwenden Sie das „ Object.assign() ”-Methode, um die Eigenschaften zweier JavaScript-Objekte dynamisch zu kombinieren. Diese Methode bewahrt die Integrität der ursprünglichen Objekte, indem alle aufzählbaren Eigenschaften von einem oder mehreren Quellobjekten in ein Zielobjekt kopiert werden. Wenn dasselbe Attribut in beiden Objekten vorhanden ist, ersetzt der Wert des zweiten Objekts den Wert des ersten. Beachten Sie, dass diese Methode nur aufzählbare Eigenschaften kopiert, also keine vom Prototyp des Objekts geerbten Eigenschaften kopiert.
Syntax
Befolgen Sie die bereitgestellte Syntax zum Zusammenführen von zwei JavaScript-Objekten:
Zielobjekt = Objekt.Zuweisung ( obj1, obj2, ... ) ;Beispiel
Erstellen Sie ein Objekt “ die Info “:
wo info = {Name: 'Jenny' ,
das Alter: 24 ,
Rollnr: fünfzehn
} ;
Zweites Objekt erstellen“ Aktivitäten “ mit folgenden Schlüsselpaaren:
var Aktivitäten = {Spiel: 'Kricket' ,
die Übung: 'Yoga'
} ;
Ruf die ' Object.assign() “-Methode zum Zusammenführen der Eigenschaften der „ die Info ' und ' Aktivitäten “ in einem neuen Objekt namens „ Student “:
var student = Objekt.zuweisung ( Infos, Aktivitäten ) ;Drucken Sie die Eigenschaften des Objekts „ Student ' Verwendung der ' Konsole.log() ' Methode:
Konsole.log ( Student ) ;Die Ausgabe zeigt an, dass die Eigenschaften von Objekten „ die Info ' und ' Aktivitäten “ werden erfolgreich im neuen Objekt zusammengeführt “ Student “:
Methode 2: Eigenschaften von zwei JavaScript-Objekten dynamisch unter Verwendung des Spread-Operators zusammenführen/kombinieren
Es gibt einen anderen Ansatz, um die beiden JavaScript-Objekte zusammenzuführen, der das „ Spread-Operator “. Dies ist der häufig verwendete Ansatz zum Zusammenführen von Objekten durch Kopieren aller Attribute von Objekten. Wenn zwei Objekte eine Eigenschaft mit demselben Namen haben, ersetzt die Objekteigenschaft auf der rechten Seite die frühere.
Syntax
Die folgende Syntax wird zum Zusammenführen von Eigenschaften zweier JavaScript-Objekte mit Hilfe des Spread-Operators verwendet:
Zielobjekt = Objekt.Zuweisung ( ...obj1, ...obj2, .... ) ;Beispiel
Neues Objekt erstellen“ Student ” und die Eigenschaften von Objekten zusammenführen “ die Info ' und ' Aktivitäten ” in Student mit Spread-Operator “ … “:
war Student = {...Infos, ...Aktivitäten
} ;
Ausgabe
Wir haben alle notwendigen Informationen zum Zusammenführen der Objekte in JavaScript bereitgestellt.
Fazit
Um die Eigenschaften von Objekten in JavaScript zusammenzuführen/kombinieren, verwenden Sie das „ Object.assign() “ Methode oder die „ Spread-Operator “. Der Spread-Operator ist der am häufigsten verwendete Ansatz zum Zusammenführen der Eigenschaften von JavaScript-Objekten. Wenn dasselbe Attribut in beiden Objekten vorhanden ist, ersetzt der Wert des zweiten Objekts den Wert des ersten. In diesem Beitrag haben wir die Methoden zum dynamischen Zusammenführen/Kombinieren der Eigenschaften zweier JavaScript-Objekte beschrieben.