Verwendung von Object.assign() zum Kopieren von Objekten in ES6

In ES6, der sechsten Edition von ECMAScript, welche die Grundlage für JavaScript ist, verwenden wir die Object.assign() Methode, um ein Objekt zu kopieren. Im Gegensatz zu Object.copy(), Object.clone() oder Object.duplicate(), ist Object.assign() eine eingebaute Methode in JavaScript, die zum Kopieren von wertvollen Eigenschaften und Methoden von einem Zielobjekt zu einem Quellenobjekt verwendet wird.

Die Syntax von Object.assign() sieht folgendermaßen aus:

Object.assign(target, ...sources)

In diesem Syntax ist target das Objekt, das geändert wird, und sources sind die Objekte, von denen die Eigenschaften kopiert werden.

Hier ist ein einfaches Beispiel für seine Nutzung:

let obj1 = { a: 1, b: 2 };
let obj2 = { b: 3, c: 4 };
let result = Object.assign({}, obj1, obj2);
console.log(result); // { a: 1, b: 3, c: 4 }

In diesem Beispiel haben wir zwei Quellenobjekte obj1 und obj2. Die Object.assign() Methode kopiert dann die Eigenschaften von diesen beiden Objekten in ein neues, leeres Zielobjekt {}. Das resultierende Objekt enthält die Eigenschaften beider Quellenobjekte. Beachten Sie, dass die Eigenschaft b in obj2 die Eigenschaft b in obj1 überschreibt.

Obwohl Object.assign() eine einfache Möglichkeit bietet, Objekte zu kopieren, gibt es einige wichtige Dinge zu beachten. Diese Methode führt eine flache Kopie durch, was bedeutet, dass sie nur die oberste Ebene des Objekts kopiert. Wenn das Objekt verschachtelte Objekte oder Arrays enthält, werden diese nicht vollständig kopiert, sondern nur ihre Referenzen. In solchen Fällen müssen Sie möglicherweise eine tiefe Kopie durchführen, was etwas komplexer ist.

Insgesamt ist Object.assign() eine nützliche und leistungsstarke Methode zum Kopieren und Zusammenführen von Objekten in JavaScript ES6. Es ist jedoch wichtig, seinen Umgang mit flachen und tiefen Kopien zu verstehen, um unerwartetes Verhalten zu vermeiden.