spread மற்றும் rest operators என்றால் என்ன?

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 ஆனது ஒரு অাদি நகல்

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

Spread முதல் நிலை மட்டுமே நகலெடுக்கிறது; உள்ளமை செய்யப்பட்ட பொருட்கள் இன்னும் பகிரப்பட்ட குறிப்புகளாகவே உள்ளன. நிலை புதுப்பிப்புகளுக்கு நீங்கள் பொதுவாக முதல் நிலையை மட்டுமே மாற்றுகிறீர்கள், இது சரியாக உள்ளது, ஆனால் ஆழமான கட்டமைப்புகளுக்கு விழிப்புடன் இருக்கவும்.

## இது ஏன் முக்கியம்

Spread React/Redux இல் **மாற்றமடையாத புதுப்பிப்புகள்** (நகல் + மாற்றம்) செய்வதற்கான தரநிலை வழியாகும், மேலும் rest மாறிய செயல்பாடுகள் மற்றும் "மீதமாயிருப்பதை பெறுக" அழிவு நல்ல.