Maison >interface Web >js tutoriel >Quel est le but des accolades dans les missions de déstructuration ?

Quel est le but des accolades dans les missions de déstructuration ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-21 06:53:30219parcourir

What is the Purpose of Curly Braces in Destructuring Assignments?

Comprendre les accolades dans les affectations de déstructuration

Introduction

En JavaScript, vous rencontrez souvent des variables étant déclaré à l’aide d’accolades. Cette syntaxe, connue sous le nom d'affectation de déstructuration, est couramment utilisée dans les documents du SDK complémentaire et dans Chrome JavaScript.

Assignation de déstructuration

L'affectation de déstructuration est un sucre syntaxique qui vous permet pour extraire les valeurs des objets et des tableaux et les affecter aux variables nouvellement déclarées. Il exploite la syntaxe littérale des objets et des tableaux pour rendre le code plus concis.

Exemple dans les objets

Considérez l'objet suivant :

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

Utilisation affectation de déstructuration, vous pouvez extraire les valeurs et les affecter à de nouvelles variables comme suit :

var {a, b, c} = ascii;

Cette syntaxe est équivalente à :

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

Exemple dans des tableaux

De même, pour les tableaux :

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

Cela équivaut à :

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

Renommer les propriétés

Vous pouvez renommez également les propriétés des objets lors de l'extraction :

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

Cela équivaut à :

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var A = ascii.a;
var B = ascii.b;
var C = ascii.c;

Conclusion

L'affectation de déstructuration est un outil puissant qui vous aide à écrire un code plus concis et lisible. En comprenant les accolades dans les affectations de déstructuration, vous pouvez facilement extraire et attribuer des valeurs à partir de structures de données imbriquées.

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