map, filter এবং reduce কী করে?

Question

Accepted Answer

এগুলি **অপরিবর্তনীয়** array iterators — সেগুলি আসল মানটি পরিবর্তন করার পরিবর্তে একটি নতুন মান প্রদান করে, যা ম্যানুয়াল `for` লুপের চেয়ে পরিষ্কার, আরও ঘোষণামূলক কোডের দিকে পরিচালিত করে।

```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 তৈরি করতে, আইটেম গ্রুপ করতে বা সমতল করতে পারে:

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

## কেন সেগুলি পছন্দ করবেন

সেগুলি পরিষ্কারভাবে **চেইন** করে এবং পরিবর্তন করে না, যা state-driven UIs-এ গুরুত্বপূর্ণ। শুধুমাত্র side effects-এর জন্য `forEach` ব্যবহার করুন (এটি কিছুই ফেরত দেয় না)। বিশাল arrays-এর জন্য যেখানে আপনি অন্যথায় অনেক পাস চেইন করবেন, একটি একক `reduce` বা সাধারণ লুপ আরও দক্ষ হতে পারে।