Pouvez-vous déstructurer des valeurs sur des objets existants dans JavaScript ES6 ?

Déstructuration sur des objets existants dans JavaScript ES6

Dans JavaScript ES6, la déstructuration permet l'extraction concise des valeurs des objets et des tableaux vers des variables. Cependant, de nombreux développeurs cherchent à transférer des valeurs sur des objets préexistants en utilisant une syntaxe de déstructuration.

Considérons le scénario suivant :

<br>var foo = {<br> x: "bar ",<br> y: "baz"<br>};<br>var oof = {};<br>

Nous cherchons à transférer les valeurs x et y de foo vers oof via la déstructuration ES6. Bien qu'ES6 ne prenne pas explicitement en charge ce comportement, il existe une solution de contournement :

({x: oof.x, y: oof.y} = foo);

Ce code lit les valeurs x et y de foo et les écrit à leurs emplacements respectifs dans oof. Ce n’est cependant pas la solution la plus élégante. D'autres alternatives incluent :

oof.x = foo.x;
oof.y = foo.y;

ou :

['x', 'y'].forEach(prop => oof[prop] = foo[prop]);

Bien que plus verbeuses, ces alternatives sont généralement considérées comme plus lisibles que la solution de contournement de déstructuration.

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!