JavaScript Tutorial

JavaScript Array Iteration

Array Iteration का मतलब है array के हर एक element पर एक-एक करके काम करना।
JavaScript में array को iterate करने के लिए कई built-in methods और loops होते हैं।
इनसे आप हर element को access कर सकते हैं, उन्हें modify कर सकते हैं, या किसी condition पर filter/transform कर सकते हैं।

इस अध्याय में आप जानेंगे:


🔹 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

अभ्यास प्रश्न

  1. map() और forEach() में क्या अंतर है? एक-एक उदाहरण दीजिए।
  2. एक ऐसा code लिखिए जिसमें array में से सभी odd numbers को filter() method से निकाला गया हो।
  3. नीचे दिए गए code का output बताइए: let arr = [1, 2, 3, 4]; let result = arr.reduce((acc, val) => acc * val); console.log(result);
  4. क्या some() method तब भी true देगा अगर एक ही value condition को satisfy करती हो?
  5. for...of और for...in loops में क्या अंतर है?