Le destructuring en JavaScript est une fonctionnalité ECMAScript 6 qui permet de “décomposer” des structures complexes comme des objets ou des tableaux en variables plus simples.
C’est par exemple très pratique pour extraire des propriétés d’un objet et les assigner à des variables. Avant l’arrivée de cette fonctionnalité, si vous vouliez extraire des propriétés d’un objet, vous deviez le faire manuellement, propriété par propriété. Avec le destructuring, c’est beaucoup plus simple et plus lisible.
Voici un exemple :
```
// Sans destructuring
var obj = { first: ‘Jane’, last: ‘Doe’ };
var first = obj.first;
var last = obj.last;
// Avec destructuring
var {first, last} = obj;
```
On peut aussi utiliser le destructuring avec des tableaux. Par exemple :
```
// Sans destructuring
var arr = [1, 2, 3];
var a = arr0;
var b = arr1;
var c = arr2;
// Avec destructuring
var [a, b, c] = arr;
```
Le destructuring est donc très pratique pour rendre le code plus propre et plus lisible.