Wie zerlege ich Eigenschaften in ein vorhandenes Objekt in JavaScript ES6?

Destrukturierung in vorhandene Objekte in JavaScript ES6

In ES6 können Sie durch Destrukturierung Eigenschaften von einem Objekt einem anderen zuweisen. Möglicherweise stoßen Sie jedoch auf ein Szenario, in dem Sie Eigenschaften in ein vorhandenes Objekt übertragen möchten, anstatt ein neues zu erstellen.

Frage:

Wie können Sie Eigenschaften auf destrukturieren? ein vorhandenes Objekt in JavaScript ES6, z. B. das Übertragen von Werten von einem Objekt (z. B. foo) auf ein anderes (z. B. oof)?

Antwort:

Obwohl nicht explizit Unterstützt durch die ES6-Destrukturierungssyntax gibt es einen alternativen Ansatz, der das gewünschte Ergebnis erzielt:

<code class="javascript">({x: oof.x, y: oof.y} = foo);</code>

Indem Sie die Destrukturierungszuweisung in Klammern setzen und die vorhandenen Eigenschaften von oof als Schlüssel verwenden, können Sie die Werte von foo lesen und schreibe sie auf die entsprechenden Tasten auf oof. Allerdings ist dieser Ansatz nicht so prägnant oder elegant wie einige Alternativen:

• Direkte Zuweisung:

<code class="javascript">oof.x = foo.x;
oof.y = foo.y;</code>

• Array-basierte Schleife:

<code class="javascript">['x', 'y'].forEach(prop => oof[prop] = foo[prop]);</code>

Letztendlich hängt die Wahl des Ansatzes von den persönlichen Vorlieben und dem konkreten Anwendungsfall ab.

Das obige ist der detaillierte Inhalt vonWie zerlege ich Eigenschaften in ein vorhandenes Objekt in JavaScript ES6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!