Destructuring کیا ہے اور یہ کیا کر سکتا ہے؟

Question

Accepted Answer

**Destructuring** arrays سے قدریں یا objects سے خصوصیات کو ایک ہی، قابلِ فہم بیان میں الگ الگ متغیرات میں کھول دیتا ہے۔

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

## طاقتور نمونے

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

## جہاں آپ یہ مسلسل دیکھتے ہیں

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

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

## یہ کیوں اہم ہے

Destructuring غیر ضروری کوڈ کو ہٹا دیتا ہے (`const name = user.name; const age = user.age;` ایک لائن بن جاتا ہے)، function کے دستخطوں کو خود سے دستاویز کرتا ہے (آپ بالکل دیکھ سکتے ہیں کہ کون سی props استعمال ہو رہی ہیں)، اور جدید JS، React، اور Node میں idiomaticہے۔

Default-value اور rest کی خصوصیات اختیاری/جزوی ڈیٹا کے ہینڈل کو صاف ستھرا بناتی ہیں۔