Destructuring
JavaScript 🟢 JuniorType : Concept
Definition
Le destructuring permet d'extraire des valeurs d'un objet ou tableau et de les assigner a des variables en une seule expression. On peut renommer, definir des valeurs par defaut et imbriquer.
Analogie
Ouvrir un colis et ranger chaque article directement a sa place au lieu de tout deballer sur la table.
Exemple de code
const { name, age = 25 } = { name: class="str">39;Alice39;, age: 30 };
const [first, ...rest] = [1, 2, 3, 4];
class="cmt">// name=class="str">39;Alice39;, age=30, first=1, rest=[2,3,4]Cas d'usage
Extraire proprement les champs d'une reponse API ou les props d'un composant React.