Destructuring nedir ve neler yapabilir?

Question

Accepted Answer

**Destructuring**, dizilerden değerleri veya nesnelerden özellikleri tek bir okunabilir ifadede ayrı değişkenlere ayırır.

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

## Güçlü desenler

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

## Bunu sürekli gördüğün yerler

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

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

## Neden önemli

Destructuring boilerplate kodu ortadan kaldırır (`const name = user.name; const age = user.age;` tek satır olur), fonksiyon imzalarını kendi kendine belgelendirilebilir hale getirir (tam olarak hangi props kullanıldığını görürsün) ve modern JS, React ve Node'da idiomatiktir.

Varsayılan değer ve rest özellikleri ayrıca isteğe bağlı/kısmi verilerin işlenmesini temiz hale getirir.