স্প্রেড এবং রেস্ট অপারেটর কী?

Question

Accepted Answer

উভয়ই `...` ব্যবহার করে কিন্তু **বিপরীত দিকে**: স্প্রেড একটি সংগ্রহকে **সম্প্রসারিত** করে পৃথক আইটেমে; রেস্ট আইটেমগুলিকে একটি একক অ্যারে/অবজেক্টে **সংগ্রহ** করে।

## স্প্রেড — সম্প্রসারণ

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

## রেস্ট — সংগ্রহ

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

## একটি গুরুত্বপূর্ণ বিস্তারিত: স্প্রেড একটি অগভীর কপি

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

স্প্রেড শুধুমাত্র শীর্ষ স্তর কপি করে; নেস্টেড অবজেক্টগুলি এখনও শেয়ার করা রেফারেন্স। অবস্থা আপডেটের জন্য আপনি সাধারণত শুধুমাত্র শীর্ষ স্তর পরিবর্তন করেন, যা ঠিক আছে, কিন্তু গভীর কাঠামোর জন্য সচেতন থাকুন।

## কেন এটি গুরুত্বপূর্ণ

স্প্রেড হল React/Redux-এ **অপরিবর্তনীয় আপডেট** (কপি + পরিবর্তন) করার মানক উপায়, এবং রেস্ট ভেরিয়েডিক ফাংশন এবং "অবশিষ্টাংশ নিন" ডিস্ট্রাকচারিং পরিষ্কার করে।