spread اور rest operators کیا ہیں؟

Question

Accepted Answer

دونوں `...` استعمال کرتے ہیں لیکن **مخالف سمتوں میں**: spread ایک collection کو انفرادی items میں **پھیلاتا** ہے; rest items کو ایک واحد array/object میں **جمع کرتا** ہے۔

## Spread — پھیلائیں

```js
const a = [1, 2], b = [3, 4];
const merged = [...a, ...b];          // [1, 2, 3, 4]
const copy = [...a];                   // shallow copy
const obj = { ...user, active: true }; // copy object + override/add a field
Math.max(...[1, 5, 3]);                // 5 — spread array into arguments
```

## Rest — جمع کریں

```js
function sum(...nums) {     // gather all args into an array
  return nums.reduce((a, n) => a + n, 0);
}
sum(1, 2, 3);               // 6

const [first, ...others] = [10, 20, 30]; // first=10, others=[20, 30]
const { id, ...rest } = user;            // pull out id, keep the rest
```

## ایک فیصلہ کن تفصیل: spread ایک سطحی کاپی ہے

```js
const original = { user: { name: "Ann" } };
const copy = { ...original };
copy.user.name = "Bob"; // ⚠️ also changes original.user.name — nested object is SHARED
```

Spread صرف سب سے اوپری سطح کو کاپی کرتا ہے؛ nested objects ابھی بھی shared references ہیں۔ state updates کے لیے آپ عام طور پر صرف top level کو تبدیل کرتے ہیں، جو ٹھیک ہے، لیکن گہری ساخت کے لیے احتیاط رکھیں۔

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

Spread React/Redux میں **immutable updates** (کاپی + تبدیلی) کرنے کا معیاری طریقہ ہے، اور rest variadic functions اور "باقی چیزیں پکڑیں" destructuring کو صاف کرتا ہے۔