map, filter మరియు reduce ఏమి చేస్తాయి?

Question

Accepted Answer

అవి **మార్పు చేయని** array iterators — ఇవి original ను మార్చటానికి బదులుగా కొత్త విలువను return చేస్తాయి, ఇది manual `for` loops కంటే స్వచ్ఛమైన, మరింత declarative కోడ్‌కు దారితీస్తుంది.

```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 ఎలా పనిచేస్తుందో (ప్రజలు ఇది tricky గా భావిస్తారు)

Reduce array ను "accumulator" తో నడుపుతుంది. ప్రతిটి స్టెప్ కొత్త accumulator ను return చేస్తుంది:

```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 లో ముఖ్యమైనది. `forEach` ను side effects కోసం మాత్రమే ఉపయోగించండి (ఇది ఏమీ return చేయదు). విशాలమైన arrays కోసం ఇతర మార్గంలో చాలా passes ను chain చేసే చోట, ఒకే `reduce` లేదా plain loop మరింత efficient గా ఉండవచ్చు.