Τι είναι οι τελεστές 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
```

## Ένα κρίσιμο detail: το spread είναι ένα SHALLOW copy

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

Το Spread αντιγράφει μόνο το ανώτατο επίπεδο· τα ένθετα objects είναι ακόμα κοινές αναφορές. Για ενημερώσεις state συνήθως αλλάζετε μόνο το ανώτατο επίπεδο, το οποίο είναι εντάξει, αλλά να είστε προσεκτικοί με βαθιές δομές.

## Γιατί έχει σημασία

Το Spread είναι ο τυπικός τρόπος να κάνετε **immutable updates** (copy + change) στο React/Redux, και το rest κάνει τις variadic συναρτήσεις και την "πάρε τα υπόλοιπα" destructuring καθαρή.