Der Object.assign()-Methode wird verwendet, um die Werte und Eigenschaften von einem oder mehreren Quellobjekten in ein Zielobjekt zu kopieren. Es ruft Getter und Setter auf, da es sowohl [[Get]] für die Quelle als auch [[Set]] für das Ziel verwendet.
Syntax:
Object.assign(target, ...sources);>
Parameter:
- Ziel : Es ist das Zielobjekt, auf das Werte und Eigenschaften kopiert werden müssen.
- Quellen : Es ist das Quellobjekt, von dem Werte und Eigenschaften kopiert werden müssen.
Rückgabewert:
Object.assign() gibt das Zielobjekt zurück.
Beispiel 1: In diesem Beispiel werden die Eigenschaften des Objekts obj1, d. h. { a: 10 }, in das Zielobjekt new_obj kopiert.
Javascript
// creating an object constructor> // and assigning values to it> const obj1 = { a: 1 };> // creating a target object and copying values and> // properties to it using object.assign() method> // Here, obj1 is the source object> const new_obj = Object.assign({}, obj1);> // Displaying the target object> console.log(new_obj);> |
Tische aus Latex
>
>
Ausgabe:
Object { a: 1 }> Beispiel 2: In diesem Beispiel werden die Eigenschaften der drei Quellobjekte obj1, obj2, obj3 in das Zielobjekt new_obj kopiert. Der Wert eines bereits vorhandenen Schlüssel-Wert-Paares, das im vorherigen Objekt vorhanden war, wird überschrieben. Beispielsweise wird obj1.b mit dem Wert 10 jetzt mit obj2.b mit dem Wert 20 überschrieben
Javascript
string zu int
// creating 3 object constructors and assigning values to it> let obj1 = { a: 10 };> let obj2 = { b: 20 };> let obj3 = { c: 30 };> // Creating a target object and copying values> // and properties to it using object.assign() method> let new_obj = Object.assign({}, obj1, obj2, obj3);> // Displaying the target object> console.log(new_obj);> |
>
>
Ausgabe :
Object { a: 10, b: 20, c: 30 }> Beispiel 3: In diesem Beispiel werden die Eigenschaften der drei Quellobjekte obj1, obj2, obj3 in das Zielobjekt new_obj kopiert und das Zielobjekt erhält die überschriebenen Werte.
Javascript
ist eine Beziehung
// Creating 3 object constructors and assigning values to it> let obj1 = { a: 10, b: 10, c: 10 };> let obj2 = { b: 20, c: 20 };> let obj3 = { c: 30 };> // Creating a target object and copying values and> // properties to it using object.assign() method> let new_obj = Object.assign({}, obj1, obj2, obj3);> // Displaying the target object> console.log(new_obj);> |
>
>
Ausgabe:
Object { a: 10, b: 20, c: 30 }> Erläuterung:
Im obigen Code werden die Eigenschaften durch andere Objekte überschrieben, die später in derselben Parameterreihenfolge dieselben Eigenschaften haben.
Anwendungen:
- Object.assign() wird zum Klonen eines Objekts verwendet, um Objekte mit denselben Eigenschaften zusammenzuführen.
Fehler und Ausnahmen :
- Ein TypeError wird ausgelöst, wenn die Eigenschaft nicht beschreibbar ist.
- Das Zielobjekt kann nur geändert werden, wenn die Eigenschaften hinzugefügt werden, bevor der Fehler auftritt.
- Object.assign() löst keine Null- oder undefinierten Quellwerte aus
Wir haben eine vollständige Liste der JavaScript-Objektmethoden. Um diese zu überprüfen, gehen Sie bitte hier durch Vollständige JavaScript-Objektreferenz Artikel.
Unterstützte Browser:
- Google Chrome 6.0 und höher
- Internet Explorer 9.0 und höher
- Mozilla 4.0 und höher
- Opera 11.1 und höher
- Safari 5.0 und höher