map, filter और reduce क्या करते हैं?

Question

Accepted Answer

ये **immutable** array iterators हैं — ये मूल को बदलने के बजाय एक नया मान लौटाते हैं, जिससे manual `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 objects बना सकता है, items को group कर सकता है, या flatten कर सकता है:

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

## उन्हें क्यों पसंद करें

ये **chain** कर सकते हैं और mutate नहीं करते, जो state-driven UIs में महत्वपूर्ण है। Side effects के लिए केवल `forEach` का उपयोग करें (यह कुछ नहीं लौटाता)। बड़े arrays के लिए जहां आप अन्यथा कई passes को chain करेंगे, एक single `reduce` या साधारण loop अधिक efficient हो सकता है।