Comment renommer des variables lors de la déstructuration d'objets dans ES6/ES2015 ?

Déstructuration d'objets avec renommage de variables dans ES6/ES2015

En JavaScript, la déstructuration d'objets vous permet d'extraire facilement les propriétés d'un objet vers des variables. Cependant, que se passe-t-il si vous souhaitez renommer ces variables lors de la déstructuration ?

Au lieu de la syntaxe incorrecte b as c mise en évidence dans la question, ES6/ES2015 fournit un moyen approprié de renommer les variables cibles. Vous pouvez attribuer directement de nouveaux noms de variables en utilisant la syntaxe suivante :

<code class="js">const {oldName: newName} = object;</code>

Par exemple, le code d'origine :

<code class="js">const b = 6;
const test = { a: 1, b: 2 };
const {a, b as c} = test; // Incorrect</code>

peut être réécrit correctement comme :

<code class="js">const {a, b: c} = test; // Rename b to c</code>

Après cela, les variables seront attribuées comme suit :

<code class="js">a === 1
b === 6 // Original value unchanged
c === 2</code>

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!