Comment renommer les variables cibles lors de la déstructuration dans ES6/ES2015 ?

Déstructuration d'objets avec changement de nom de variable cible dans ES6/ES2015

La déstructuration d'objets est un moyen concis et pratique d'extraire les propriétés des objets. Cependant, que se passe-t-il si vous souhaitez renommer les variables cibles lors de la déstructuration ? Dans cet article, nous explorerons comment y parvenir dans ES6/ES2015.

Renommer la variable cible

Le mot-clé as introduit dans ES6/ES2015 vous permet de attribuer un nouveau nom à la propriété déstructurée. Cela renomme effectivement la variable cible.

const test = { a: 1, b: 2 };
const {a, b: c} = test;

console.log(a); // 1
console.log(c); // 2

Dans cet exemple, la propriété b est déstructurée et affectée à la variable c à l'aide du mot-clé as. Par conséquent, la variable cible faisant référence à la propriété b est désormais c.

Exemple MDN

Le Mozilla Developer Network (MDN) fournit un autre exemple clair de déstructuration d'objets avec une variable cible renommer :

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

// Assign new variable names
var { p: foo, q: bar } = o;

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

Dans cet exemple, les propriétés p et q sont affectées respectivement aux nouveaux noms de variables foo et bar, à l'aide du mot-clé as.

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!