map, filter र reduce ले के गर्छन्?

Question

Accepted Answer

यो **immutable** array 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 array मार्फत "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-संचालित UIs मा महत्त्वपूर्ण छ। `forEach` केवल साइड इफेक्टहरूको लागि प्रयोग गर्नुहोस् (यो केहि फर्काउँदैन)। ठूला arrays को लागि जहाँ तपाइँ अन्यथा धेरै पास chain गर्नुहुन्छ, एक `reduce` वा सामान्य लुप अधिक प्रभावकारी हुन सक्छ।