Sofiane Boumedine Lexique Dev

Destructuring

JavaScript 🟢 Junior

Type : 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">'Alice', age: 30 };
const [first, ...rest] = [1, 2, 3, 4];
class="cmt">// name=class="str">'Alice', 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.

core