Spread ਅਤੇ Rest ਓਪਰੇਟਰ ਕੀ ਹਨ?

Question

Accepted Answer

ਦੋਨੋਂ `...` ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਪਰ **ਵਿਪਰੀਤ ਦਿਸ਼ਾਵਾਂ** ਵਿੱਚ: spread ਇੱਕ ਸੰਗ੍ਰਹਿ ਨੂੰ **ਵਿਸਤਾਰ** ਕਰਦਾ ਹੈ; rest **ਚੀਜ਼ਾਂ** ਨੂੰ ਇੱਕ ਸਿੰਗਲ 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 ਇੱਕ SHALLOW ਕਾਪੀ ਹੈ

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

Spread ਸਿਰਫ ਉੱਪਰਲੀ ਪੱਧਰ ਨੂੰ ਕਾਪੀ ਕਰਦਾ ਹੈ; ਨੇਸਟ ਕੀਤੀਆਂ ਆਬਜੈਕਟਾਂ ਅਜੇ ਵੀ ਸਾਂਝੇ ਰੈਫਰੰਸ ਹਨ। State ਅਪਡੇਟਸ ਲਈ ਤੁਸੀਂ ਆਮ ਤੌਰ ਤੇ ਸਿਰਫ ਉੱਪਰਲੀ ਪੱਧਰ ਨੂੰ ਬਦਲਦੇ ਹੋ, ਜੋ ਠੀਕ ਹੈ, ਪਰ ਡੂੰਘੀ ਬਣਤਰਾਂ ਲਈ ਸਾਵਧਾਨ ਰਹੋ।

## ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ

Spread React/Redux ਵਿੱਚ **immutable ਅਪਡੇਟਸ** (ਕਾਪੀ + ਬਦਲੋ) ਕਰਨ ਦਾ ਮਾਨਕ ਤਰੀਕਾ ਹੈ, ਅਤੇ rest variadic ਫੰਕਸ਼ਨਾਂ ਅਤੇ "ਬਾਕੀ ਲਓ" destructuring ਨੂੰ ਸਾਫ ਬਣਾਉਂਦਾ ਹੈ।