Spread-Operator

Der Spread-Operator, dargestellt durch ..., ist ein hilfreiches Werkzeug zum Erstellen neuer Objekte durch das Zusammenführen und Kopieren von Eigenschaften bestehender Objekte. Mit dem Spread-Operator können wir folgende Aufgaben durchführen:

• Objekte klonen;
• Eigenschaften hinzufügen oder ändern;
• Neue Objekte erstellen.

Konzentrieren wir uns darauf, wie man den Spread-Operator mit Objekten verwendet.

Spread-Operator

Der Spread-Operator (...) kann in verschiedenen Kontexten verwendet werden, aber eine seiner häufigsten Anwendungen ist das Erstellen neuer Objekte durch das Verteilen der Eigenschaften bestehender Objekte.

Hier ist die grundlegende Syntax des Spread-Operators zur Objekterstellung:

• newObject: Das neue Objekt, das wir erstellen möchten;
• sourceObject: Das Quellobjekt, dessen Eigenschaften wir kopieren möchten.

Klonen eines Objekts

Betrachten wir, wie man ein Objekt klont. Wir werden ein neues Objekt mit denselben Eigenschaften und Werten wie das Quellobjekt erstellen. Änderungen am neuen Objekt wirken sich nicht auf das Originalobjekt aus.

In diesem Beispiel ist clonedObject ein neues Objekt, das ein Klon von originalObject ist. Änderungen an clonedObject wirken sich nicht auf originalObject aus. Deshalb hat clonedObject drei Eigenschaften und originalObject nur zwei.

Hinzufügen oder Ändern von Eigenschaften

Der Spread-Operator ist auch nützlich, um Eigenschaften in einem neuen Objekt hinzuzufügen oder zu ändern. Wir können zusätzliche Eigenschaften einfügen oder vorhandene im neuen Objekt überschreiben.

In diesem Beispiel wird extendedWaterBottle erstellt, indem die Eigenschaften von waterBottle verteilt werden. Zusätzlich wird die Eigenschaft color hinzugefügt und die Eigenschaft capacity überschrieben.

Objekte zusammenführen

Der Spread-Operator kann verwendet werden, um die Eigenschaften mehrerer Objekte in einem einzigen neuen Objekt zu kombinieren. Dies ist besonders nützlich, wenn Sie mehrere Datenquellen kombinieren müssen.

In diesem Beispiel wird apartment erstellt, indem die Eigenschaften von apartmentFeatures und apartmentDetails zusammengeführt werden.