Comment déstructurer des propriétés en un objet existant dans JavaScript ES6 ?

Déstructuration en objets existants dans JavaScript ES6

Dans ES6, la déstructuration vous permet d'attribuer des propriétés d'un objet à un autre. Cependant, vous pouvez rencontrer un scénario dans lequel vous souhaitez transférer des propriétés dans un objet existant plutôt que d'en créer un nouveau.

Question :

Comment déstructurer les propriétés sur un objet existant dans JavaScript ES6, comme le transfert de valeurs d'un objet (par exemple, foo) à un autre (par exemple, oof) ?

Réponse :

Bien que ce ne soit pas explicitement pris en charge par la syntaxe de déstructuration ES6, il existe une approche alternative qui permet d'obtenir le résultat souhaité :

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

En enveloppant l'affectation de déstructuration entre parenthèses et en utilisant les propriétés existantes de oof comme clés, vous pouvez lire les valeurs de foo et écrivez-les sur les touches correspondantes sur oof. Cependant, cette approche n'est pas aussi concise ou élégante que certaines alternatives :

• Affectation directe :

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

• Boucle basée sur un tableau :

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

En fin de compte, le choix de l'approche dépend des préférences personnelles et du cas d'utilisation spécifique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!