Flacher Klon eines Objekts in JavaScript

Einführung

In diesem Lab werden wir das Konzept des flachen Klonens in JavaScript erkunden. Ein flaches Klonen erstellt ein neues Objekt mit allen Eigenschaften des ursprünglichen Objekts, jedoch werden die Eigenschaften selbst nicht geklont. Stattdessen werden sie per Referenz kopiert, was bedeutet, dass Änderungen, die an den Eigenschaften des ursprünglichen Objekts vorgenommen werden, auch im geklonten Objekt widergespiegelt werden. Durch dieses Lab werden wir verstehen, wie man flache Klone von Objekten mit der Object.assign()-Methode in JavaScript erstellt.

Dies ist ein Guided Lab, das schrittweise Anweisungen bietet, um Ihnen beim Lernen und Üben zu helfen. Befolgen Sie die Anweisungen sorgfältig, um jeden Schritt abzuschließen und praktische Erfahrungen zu sammeln. Historische Daten zeigen, dass dies ein Labor der Stufe Anfänger mit einer Abschlussquote von 100% ist. Es hat eine positive Bewertungsrate von 100% von den Lernenden erhalten.

Wie man einen flachen Klon eines Objekts erstellt

Um einen flachen Klon eines Objekts zu erstellen, verwenden Sie Object.assign() und ein leeres Objekt ({}). Folgen Sie diesen Schritten:

Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
Verwenden Sie den folgenden Code, um einen flachen Klon des ursprünglichen Objekts zu erstellen:

const shallowClone = (obj) => Object.assign({}, obj);

Um das Objekt zu klonen, verwenden Sie die shallowClone()-Funktion wie folgt:

const a = { x: true, y: 1 };
const b = shallowClone(a); // a!== b

In diesem Beispiel sind a und b zwei verschiedene Objekte, aber sie haben die gleichen Werte.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Flachen Klon eines Objekts" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.