Qu'est-ce que la destructuration et que peut-elle faire ?

Question

Accepted Answer

**Destructuring** extrait les valeurs des tableaux ou les propriétés des objets en variables distinctes dans une seule déclaration lisible.

```js
// array destructuring (by position)
const [first, second] = [10, 20];      // first=10, second=20
const [a, , c] = [1, 2, 3];            // skip the middle → a=1, c=3

// object destructuring (by name)
const { name, age } = user;
const { name: userName } = user;        // rename → userName
const { city = "Unknown" } = address;   // default if missing
```

## Powerful patterns

```js
// nested
const { address: { city } } = user;

// rest — grab the leftovers
const { id, ...rest } = obj;

// function parameters with defaults (very common)
function createUser({ name, role = "user" } = {}) { ... }

// swap variables without a temp
[x, y] = [y, x];
```

## Where you see it constantly

```js
// React
const [count, setCount] = useState(0);
function Card({ title, children }) { ... }

// imports, API responses
const { data, error } = await api.get("/users");
```

## Pourquoi c'est important

La destructuration élimine le code répétitif (`const name = user.name; const age = user.age;` devient une seule ligne), rend les signatures de fonction auto-documentées (vous voyez exactement quelles props sont utilisées), et est idiomatique en JavaScript moderne, React et Node.

Les fonctionnalités de valeur par défaut et rest rendent aussi le traitement des données optionnelles/partielles propre.