Affectation de déstructuration : découvrir la signification des crochets sur le côté gauche de l'affectation de variable

En JavaScript, rencontrer des crochets sur le Le côté gauche d’une affectation de variable peut sembler déroutant. Pour déchiffrer les implications de cette syntaxe, nous nous aventurons dans les domaines de l'affectation de déstructuration.

Syntaxe et fonctionnement

Affectation de déstructuration, une fonctionnalité introduite dans JavaScript 1.7 et ECMAScript 6. , nous permet de décompresser les valeurs de tableaux ou d'objets en variables distinctes. Sa syntaxe ressemble à :

[variable1, variable2, variable3] = [value1, value2, value3];

Dans l'exemple de code :

[ a, b, c ] = myList;

les crochets à gauche représentent l'affectation de déstructuration. Il attribue les valeurs du tableau myList aux variables a, b et c.

Prise en charge des navigateurs

Malgré un fonctionnement transparent dans Opera 10.30 et Firefox 3.6.x, l'affectation de déstructuration n'est pas prise en charge dans Opera 10.60 et Chrome. Cette incohérence est attribuée au fait que l'affectation de déstructuration ne fait pas partie d'ECMAScript 5.

Conformité à la norme ECMAScript

Comme vérifié par la référence liée, l'affectation de déstructuration n'est pas conforme avec ECMAScript 5. Elle a été introduite comme fonctionnalité dans JavaScript 1.7 puis formalisée dans ECMAScript 6.

Conclusion

Affectation de déstructuration, symbolisée par des crochets à gauche- côté de l’affectation des variables, fournit un moyen concis de décompresser les valeurs des tableaux ou des objets. Cependant, sa prise en charge entre navigateurs est limitée en raison de son absence dans ECMAScript 5.