La destrutturazione è una funzionalità di JavaScript introdotta con ES6 che permette di “estrarre” valori da array o proprietà da oggetti e assegnarli a nuove variabili in un modo molto rapido e leggibile.
Per esempio, con gli array:
```
let arr = [‘one’, ‘two’, ‘three’];
let [a, b, c] = arr;
console.log(a); // “one“
console.log(b); // “two“
console.log©; // “three“
```
E con gli oggetti:
```
let obj = { name: ‘Mario’, age: 30 };
let { name, age } = obj;
console.log(name); // “Mario“
console.log(age); // 30
```
Questo è particolarmente utile quando si lavora con funzioni che restituiscono array o oggetti, o con i dati in formato JSON.
Un’altra utilità della destrutturazione riguarda gli argomenti delle funzioni. Ad esempio:
```
function greet({ name, age }) {
console.log(`Hello ${name}, you are ${age} years old.`);
}
let obj = { name: ‘Mario’, age: 30 };
greet(obj); // “Hello Mario, you are 30 years old.“
```
In questo caso, la funzione `greet` si aspetta un oggetto con le proprietà `name` e `age`, e le estrae direttamente negli argomenti della funzione. Questo rende il codice più leggibile e pulito.
