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 अॅरेमधून "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 अधिक कुशल असू शकतो.