Wie man Eigenschaften von zwei JavaScript -Objekten dynamisch zusammenfasst

Ein Objekt in JavaScript wird als Gruppe von Schlüsselwertpaaren beschrieben. Manchmal benötigen Entwickler möglicherweise die Eigenschaften der beiden Objekte in einem neuen Objekt. Dieser Prozess wird als Verschmelzung bezeichnet. Für das Zusammenführen von Objekten bietet JavaScript einige integrierte Methoden, die als "die" bezeichnet werden "Objekt.zuordnen()”Methode oder die“Operator ausbreiten”.

In diesem Beitrag werden die Methoden beschrieben, um die Eigenschaften von zwei JavaScript -Objekten dynamisch zusammenzuführen.

Wie man Eigenschaften von zwei JavaScript -Objekten dynamisch zusammenfasst?

Verwenden Sie die folgenden Methoden, um die Eigenschaften von zwei JavaScript -Objekten dynamisch zusammenzuführen:

• Zuordnung () Methode
• Operator ausbreiten

Methode 1: Eigenschaften von zwei JavaScript -Objekten zusammenführen/kombinieren.Zuordnung () Methode

Verwenden Sie die “Objekt.zuordnen()Methode, um die Eigenschaften von zwei JavaScript -Objekten dynamisch zu kombinieren. Diese Methode behält die Integrität der ursprünglichen Objekte bei, indem alle aufzählbaren Eigenschaften in ein Zielobjekt von einem oder mehreren Quellobjekten kopiert werden. Wenn das gleiche Attribut in beiden Objekten vorhanden ist, ersetzt der Wert des zweiten Objekts den Wert aus dem ersten. Beachten Sie, dass diese Methode nur aufgezählbare Eigenschaften kopiert, sodass sie nicht vom Prototyp des Objekts geerbt wurden.

Syntax

Befolgen Sie die bereitgestellte Syntax zum Zusammenführen von zwei JavaScript -Objekten:

targetObject = Objekt.zuweisen (obj1, obj2,…);

Beispiel

Ein Objekt erstellen “die Info”:

var info =
Name: 'Jenny',
Alter: 24,
Rollno: 15
;

Zweites Objekt erstellen “Aktivitäten”Mit den folgenden Schlüsselpaaren:

var acitys =
Spiel: 'Cricket',
Übung: 'Yoga'
;

Ruf den "Objekt.zuordnen()"Methode, um die Eigenschaften des" zusammenzuführen "die Info" Und "Aktivitäten"In einem neuen Objekt namens"Student”:

var Student = Objekt.zuweisen (Info, Aktivitäten);

Drucken Sie die Eigenschaften des Objekts “Student" Verwendung der "Konsole.Protokoll()" Methode:

Konsole.Protokoll (Student);

Der Ausgang zeigt an, dass die Eigenschaften von Objekten “die Info" Und "Aktivitäten"Werden erfolgreich im neuen Objekt verschmolzen"Student”:

Methode 2: Eigenschaften von zwei JavaScript -Objekten zusammenführen/kombinieren

Es gibt einen weiteren Ansatz, um die beiden JavaScript -Objekte zusammenzuführen, die das verwendenOperator ausbreiten”. Es ist der häufig verwendete Ansatz zum Zusammenführen von Objekten, indem alle Attribute von Objekten kopiert werden. Wenn zwei Objekte eine Eigenschaft mit demselben Namen haben, ersetzt die Objekteigenschaft rechts die frühere.

Syntax

Die folgende Syntax wird zum Zusammenführen von Eigenschaften von zwei JavaScript -Objekten mit Hilfe des Spread Operator verwendet:

targetObject = Objekt.zuweisen (… obj1,… obj2,…);

Beispiel

Erstellen Sie ein neues Objekt “Student"Und fusionieren Sie die Eigenschaften von Objekten"die Info" Und "Aktivitäten"In Student verwenden Spread Operator"… ”:

var student =
… Info,… Aktivitäten
;

Ausgang

Wir haben alle erforderlichen Informationen zum Zusammenführen der Objekte in JavaScript zur Verfügung gestellt.

Abschluss

Verwenden Sie die Eigenschaften von Objekten in JavaScript, um die Eigenschaften von Objekten zu verschmelzen/zu kombinierenObjekt.zuordnen()”Methode oder die“Operator ausbreiten”. Der Spread -Operator ist der am häufigsten verwendete Ansatz zum Zusammenführen der Eigenschaften von JavaScript -Objekten. Wenn das gleiche Attribut in beiden Objekten vorhanden ist, ersetzt der Wert des zweiten Objekts den Wert aus dem ersten. In diesem Beitrag haben wir die Methoden beschrieben.