Maison  >  Article  >  interface Web  >  Pouvez-vous transférer des valeurs d’objet avec la déstructuration ES6 ?

Pouvez-vous transférer des valeurs d’objet avec la déstructuration ES6 ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-01 04:56:02438parcourir

 Can You Transfer Object Values with ES6 Destructuring?

Déstructuration ES6 : transfert de valeurs entre objets

Cette question étudie la possibilité de transférer des valeurs entre des objets existants à l'aide de la syntaxe de déstructuration ES6. Pour mieux comprendre le scénario, supposons que nous ayons deux objets, foo et oof, où foo contient les propriétés x et y et où oof est initialement vide.

La question se pose : pouvons-nous utiliser la déstructuration pour attribuer les propriétés de foo à oof semblable à la syntaxe hypothétique oof{x,y} = foo?

Bien que la syntaxe suggérée ne soit pas valide, il existe une approche alternative :

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

Cette expression lit effectivement le x et y valeurs de foo et les écrit dans les propriétés correspondantes sur oof. Cependant, il est important de noter que cette approche peut être quelque peu répétitive et ne se prête pas aussi bien aux cas où il y a de nombreuses propriétés à transférer.

Alternativement, une solution plus concise est :

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

Cette méthode parcourt un tableau de noms de propriétés, attribuant les valeurs correspondantes de foo à oof pour chaque propriété.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn