JavaScript Array Iteration
Array Iteration का मतलब है array के हर एक element पर एक-एक करके काम करना।
JavaScript में array को iterate करने के लिए कई built-in methods और loops होते हैं।
इनसे आप हर element को access कर सकते हैं, उन्हें modify कर सकते हैं, या किसी condition पर filter/transform कर सकते हैं।
इस अध्याय में आप जानेंगे:
- Common array iteration methods
- Functional methods (
forEach
,map
,filter
,reduce
, etc.) - Loop-based iteration (
for
,for...of
,for...in
) - Examples और अभ्यास प्रश्न
🔹 1. forEach()
हर element पर एक बार function चलाता है। Return कुछ नहीं करता।
let colors = ["red", "green", "blue"];
colors.forEach(function(color, index) {
console.log(index + ": " + color);
});
Output:
0: red
1: green
2: blue
❗
forEach()
array को modify नहीं करता और result return नहीं करता।
🔹 2. map()
हर element पर function apply करता है और new transformed array return करता है।
let nums = [1, 2, 3];
let doubled = nums.map(n => n * 2);
console.log(doubled); // [2, 4, 6]
🔹 3. filter()
Condition पर खरे उतरने वाले elements को new array में return करता है।
let marks = [45, 80, 55, 90];
let passed = marks.filter(mark => mark >= 60);
console.log(passed); // [80, 90]
🔹 4. reduce()
Array को एक single value में reduce करता है (जैसे total, average आदि निकालना)।
let numbers = [10, 20, 30];
let total = numbers.reduce((sum, current) => sum + current);
console.log(total); // 60
🔹 5. every()
Check करता है कि क्या सभी elements condition को satisfy करते हैं।
let ages = [22, 25, 30];
console.log(ages.every(age => age >= 18)); // true
🔹 6. some()
Check करता है कि कम से कम एक element condition को satisfy करता है या नहीं।
let nums = [3, 5, 7, 8];
console.log(nums.some(n => n % 2 === 0)); // true
🔹 7. find()
Condition को satisfy करने वाला पहला element return करता है।
let data = [10, 25, 40, 60];
let found = data.find(n => n > 30);
console.log(found); // 40
🔹 8. findIndex()
find()
जैसा ही है, लेकिन element की जगह उसका index return करता है।
let items = [3, 6, 9];
console.log(items.findIndex(n => n > 5)); // 1
🔹 9. Traditional Loops
a. for
Loop
let arr = ["a", "b", "c"];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
b. for...of
Loop (values के लिए)
for (let value of arr) {
console.log(value);
}
c. for...in
Loop (indexes के लिए)
for (let index in arr) {
console.log(index + ": " + arr[index]);
}
📋 Summary Table
Method | काम क्या करता है | Return करता है? |
---|---|---|
forEach() | हर element पर function चलाता है | ❌ नहीं करता |
map() | हर element को transform करता है | ✅ नया array |
filter() | Condition pass करने वाले elements देता है | ✅ नया array |
reduce() | Single value (जैसे sum) return करता है | ✅ value |
some() | कोई एक element condition पर खरा है? | ✅ true/false |
every() | सभी elements condition पर खरे हैं? | ✅ true/false |
find() | पहला matching element return करता है | ✅ element या undefined |
findIndex() | पहला matching element का index return करता है | ✅ number |
अभ्यास प्रश्न
map()
औरforEach()
में क्या अंतर है? एक-एक उदाहरण दीजिए।- एक ऐसा code लिखिए जिसमें array में से सभी odd numbers को
filter()
method से निकाला गया हो। - नीचे दिए गए code का output बताइए:
let arr = [1, 2, 3, 4]; let result = arr.reduce((acc, val) => acc * val); console.log(result);
- क्या
some()
method तब भी true देगा अगर एक ही value condition को satisfy करती हो? for...of
औरfor...in
loops में क्या अंतर है?