map، filter اور reduce کیا کرتے ہیں؟

Question

Accepted Answer

یہ **immutable** array iterators ہیں — یہ اصل کو تبدیل کرنے کے بجائے ایک نئی ویلیو واپس کرتے ہیں، جس سے دستی `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 کیسے کام کرتا ہے (جسے لوگ مشکل سمجھتے ہیں)

Reduce ایک "accumulator" اٹھائے ہوئے array پر چلتا ہے۔ ہر قدم نیا 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 میں اہم ہے۔ `forEach` کو صرف side effects کے لیے استعمال کریں (یہ کچھ واپس نہیں کرتا)۔ بہت بڑے arrays کے لیے، جہاں آپ بصورتِ دیگر کئی passes chain کرتے، ایک واحد `reduce` یا سادہ loop زیادہ موثر ہو سکتا ہے۔