Maison > interface Web > js tutoriel > 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
Libérer: 2024-11-01 04:56:02
original
520 Les gens l'ont consulté

 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>
Copier après la connexion

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal