Heim > Web-Frontend > js-Tutorial > Hauptteil

Können Sie Objektwerte mit ES6-Destrukturierung übertragen?

Mary-Kate Olsen
Freigeben: 2024-11-01 04:56:02
Original
514 Leute haben es durchsucht

 Can You Transfer Object Values with ES6 Destructuring?

ES6-Destrukturierung: Übertragen von Werten zwischen Objekten

Diese Frage untersucht die Möglichkeit der Übertragung von Werten zwischen vorhandenen Objekten mithilfe der ES6-Destrukturierungssyntax. Um das Szenario besser zu verstehen, gehen wir davon aus, dass wir zwei Objekte haben, foo und oof, wobei foo die Eigenschaften x und y enthält und oof zunächst leer ist.

Es stellt sich die Frage: Können wir die Destrukturierung nutzen, um die Eigenschaften von foo zuzuweisen? oof ähnelt der hypothetischen Syntax oof{x,y} = foo?

Obwohl die vorgeschlagene Syntax nicht gültig ist, gibt es eine Alternative Ansatz:

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

Dieser Ausdruck liest effektiv die x- und y-Werte von foo und schreibt sie in die entsprechenden Eigenschaften auf oof. Es ist jedoch wichtig zu beachten, dass dieser Ansatz etwas repetitiv sein kann und sich nicht so gut für Fälle eignet, in denen viele Eigenschaften übertragen werden müssen.

Alternativ ist eine prägnantere Lösung:

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

Diese Methode durchläuft ein Array von Eigenschaftsnamen und weist jeder Eigenschaft die entsprechenden Werte von foo bis oof zu.

Das obige ist der detaillierte Inhalt vonKönnen Sie Objektwerte mit ES6-Destrukturierung übertragen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage