Çfarë bëjnë map, filter dhe reduce?

Question

Accepted Answer

Ato janë **immutable** iterators arrash — ato kthejnë një vlerë të re në vend që të ndryshojnë origjinalin, gjë që çon në kod më të pastër dhe më deklaratival se sa `for` loops manuale.

```js
const nums = [1, 2, 3, 4];

// map: transform each item → array of the SAME length
nums.map(n => n * 2);            // [2, 4, 6, 8]

// filter: keep items passing a test → SHORTER array
nums.filter(n => n % 2 === 0);  // [2, 4]

// reduce: fold the array into ONE value (accumulator + current)
nums.reduce((sum, n) => sum + n, 0); // 10
//          ^acc  ^item            ^initial value
```

## Si funksionon reduce (ajo që njerëzit e gjejnë të ndërlikuar)

Reduce ecën në array duke mbajtur një "akumulator". Çdo hap kthen akumulatorin e ri:

```js
// step 0: acc=0,  n=1 → 1
// step 1: acc=1,  n=2 → 3
// step 2: acc=3,  n=3 → 6
// step 3: acc=6,  n=4 → 10
```

Nuk është vetëm për shuma — reduce mund të ndërtojë objekte, të grupojë elementë ose të sheshojë:

```js
users.reduce((acc, u) => { acc[u.id] = u; return acc; }, {}); // index by id
```

## Pse t'i preferojmë ato

Ato **lidhen në zinxhir** në mënyrë të pastër dhe nuk ndryshojnë, gjë që ka rëndësi në UI-et e drejtuar nga gjendje. Përdorni `forEach` vetëm për efekte anësore (nuk kthen asgjë). Për arrash të mëdhenj ku përndryshe do të lidhje shumë kalime, një `reduce` i vetëm ose një unazë e thjeshtë mund të jenë më efikase.