Kas yra destruktūravimas ir ką jis gali padaryti?

Question

Accepted Answer

**Destruktūravimas** išpakuoja reikšmes iš masyvų arba savybes iš objektų į atskirus kintamuosius vienoje, lengvai skaitomoje išraiškoje.

```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
```

## Galingi šablonai

```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];
```

## Kur jūs tai nuolat matote

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

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

## Kodėl tai svarbu

Destruktūravimas pašalina boilerplate (`const name = user.name; const age = user.age;` tampa viena eilute), daro funkcijos signatūras savaiminiu dokumentu (jūs tiksliai matote, kurie props naudojami), ir tai idiomatiškai naudojama šiuolaikiniame JS, React ir Node.

Taip pat numatytosios vertės ir likučio funkcijos grynai tvarko pasirinktinius/dalines duomenis.