Que représentent les accolades ( {... } = ... ) dans les instructions d'affectation de déstructuration ?

Que représentent les crochets bouclés dans les déclarations var { ... } = ... ?

Tâche de déstructuration, signifiée par le bouclé crochets dans les instructions var { ... } = ..., est une fonctionnalité de correspondance de modèles en JavaScript semblable à celle trouvée dans des langages comme Haskell. Il fournit un moyen succinct d'extraire et d'attribuer des valeurs à partir d'objets et de tableaux.

Pour les objets :

Considérons l'exemple suivant :

<code class="javascript">var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;</code>

Cette instruction extrait les propriétés a, b et c de l'objet ascii et les affecte aux variables correspondantes. Il est équivalent au code suivant :

<code class="javascript">var a = ascii.a;
var b = ascii.b;
var c = ascii.c;</code>

Pour les tableaux :

Une déstructuration similaire peut être effectuée sur les tableaux :

<code class="javascript">var ascii = [97, 98, 99];

var [a, b, c] = ascii;</code>

Ceci le code extrait et attribue respectivement les premier, deuxième et troisième éléments du tableau ascii à a, b et c. C'est équivalent à :

<code class="javascript">var a = ascii[0];
var b = ascii[1];
var c = ascii[2];</code>

Renommage de propriété :

L'affectation de déstructuration permet également d'extraire et de renommer une propriété :

<code class="javascript">var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;</code>

Ce code attribue respectivement les propriétés a, b et c aux variables A, B et C.

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!