Comment la notation entre parenthèses d'objet de JavaScript permet-elle l'affectation de déstructuration ?

Notation entre crochets d'objet ({ Navigation } =) sur le côté gauche de l'affectation

En JavaScript, la notation entre crochets d'objet ({ Navigation } =) sur le côté gauche d'une affectation se trouve une syntaxe qui permet une affectation de déstructuration. Cette fonctionnalité, introduite dans la norme ES2015, permet l'extraction de propriétés spécifiques d'un objet vers des variables.

Déstructuration d'objet

La syntaxe de déstructuration d'objet permet l'extraction de propriétés en utilisant la même syntaxe que la création d'un littéral d'objet. Par exemple, le code suivant attribue les propriétés p et q d'un objet o aux variables p et q :

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

Vous pouvez également attribuer de nouveaux noms de variables aux propriétés extraites :

var {p: foo, q: bar} = o;

console.log(foo); // 42
console.log(bar); // true

Déstructuration de tableaux

La déstructuration peut également être appliquée aux tableaux, simplifiant l'affectation d'éléments individuels à des variables. Considérez le tableau suivant foo :

var foo = ["one", "two", "three"];

Sans déstructuration, vous attribueriez des éléments aux variables comme suit :

var one   = foo[0];
var two   = foo[1];
var three = foo[2];

Avec la déstructuration, vous pouvez obtenir le même résultat de manière plus concise :

var [one, two, three] = foo;

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!