რას აკეთებენ map, filter და reduce?

Question

Accepted Answer

ისინი არიან **immutable** მასივის iterators — ისინი აბრუნებენ ახალ მნიშვნელობას მის ნაცვლად, რომ აპარამენტებენ ორიგინალს, რაც უფრო깔끔한და უფრო დეკლარაციული კოდს იძლევა ვიდრე ხელით `for` loops.

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

## როგორ მუშაობს reduce (რაც ადამიანებმა რთულად აღიქვამენ)

Reduce დილებით მასივს აკეთებს "accumulator"-ით. თითოეული ნაბიჯი აბრუნებს ახალ accumulator-ს:

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

ეს არ არის მხოლოდ ჯამებისთვის — reduce შეუძლია ობიექტების აგება, ელემენტების დაჯგუფება ან გაბრტყელება:

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

## რატომ უპირატესოთ მათ

ისინი **chain** იყენებენ깔끔ად და არ აპარამენტებენ, რაც მნიშვნელოვანია state-დაკავშირებული UI-ებში. გამოიყენეთ `forEach` მხოლოდ გვერდითი ეფექტებისთვის (ეს არ აბრუნებს არაფერს). დიდი მასივებისთვის, სადაც გარდა ამისა გაკეთებდით რამდენიმე გადასვლას, ერთი `reduce` ან ჩვეულებრივი loop შეიძლება ეფективი იყოს.