JavaScript For Loop — गिनती वाला लूप

कंप्यूटर दोहराव में माहिर है। एक शिक्षक को वही लाइन 100 बार छापनी हो, तो वह उसे 100 बार लिखेगा; प्रोग्राम उसे एक बार लिखता है — लूप के अंदर — और कंप्यूटर उसे दोहराता है। for लूप JavaScript का मुख्य औज़ार है, जिससे काम को एक तय संख्या में दोहराया जाता है — और यह पहला लूप है जो हर programmer सीखता है।

Diagram — देखें, यह सब कैसे जुड़ता है

चाय की दुकान के मालिक की तरह सोचिए, जो कप गिन रहा है। वह 'कप 1, कप 2, कप 3' लिखकर 100 तक नहीं जाता। वह गिनता है: 1 से शुरू करो, हर बार एक जोड़ो, 100 पर रुक जाओ। for लूप बिल्कुल वही गिनती है, जो code में लिखी गई है: कहाँ से शुरू करना है, कब रुकना है, और कैसे आगे बढ़ना है।

ऐसे याद रखिए: for गिनता है, for...of values पर जाता है, for...in keys पर जाता है।

for लूप — शुरू, रुकें, कदम

एक for लूप के गोल कोष्ठकों के अंदर तीन हिस्से होते हैं, जो semicolon से अलग होते हैं: शुरूआती बिंदु, चलते रहने की शर्त, और हर round के बाद का कदम।

for (let i = 0; i < 5; i++) {
  console.log("Cup " + (i + 1));
}
// Cup 1, Cup 2, Cup 3, Cup 4, Cup 5

इसे धीरे-धीरे पढ़िए: let i = 0 एक counter बनाता है जिसका नाम i है, और उसे 0 से शुरू करता है। i < 5 शर्त है — जब तक i 5 से छोटा है, चलते रहिए। i++ हर round के बाद counter में 1 जोड़ता है। लूप पाँच बार चलता है: i = 0, 1, 2, 3, 4। जैसे ही i 5 बनता है, शर्त गलत हो जाती है और लूप रुक जाता है।

अक्षर i एक परंपरा है — यह 'index' का छोटा रूप है। आप counter का कोई भी नाम रख सकते हैं, पर दुनिया का लगभग हर programmer पहले लूप के लिए i और उसके अंदर वाले लूप के लिए j इस्तेमाल करता है। परंपरा मानिए, तो आपका code सबको जाना-पहचाना लगेगा।

लूप से सूची जोड़ना

for लूप का सबसे आम इस्तेमाल array में घूमकर हर item के साथ कुछ करना है — अंक जोड़ना, पास हुए छात्रों को गिनना, या पेज पर सूची बनाना। तरीका हमेशा एक ही है: 0 से शुरू कीजिए, array की length से पहले रुकिए, और i से हर item चुनिए।

let marks = [45, 82, 30, 91, 67];
let total = 0;
for (let i = 0; i < marks.length; i++) {
  total = total + marks[i];
}
// total is 315

marks.length 5 है, इसलिए लूप i = 0 से 4 तक चलता है, और marks[i] बारी-बारी से हर अंक चुनता है। ध्यान दीजिए, शर्त i < marks.length है, i <= marks.length नहीं — क्योंकि आखिरी index 4 है, 5 नहीं। <= इस्तेमाल करने पर आप अंत से एक item आगे पढ़ लेंगे और आपको undefined मिलेगा।

for...of — हर value पर जाइए

जब आपको सिर्फ values चाहिए, index नहीं, तो for...of आसान है। यह array से एक-एक करके हर item लेता है और आपको एक variable में देता है। न counter, न length, न एक भी गलती का मौका।

let students = ["Rahul", "Priya", "Amit"];
for (let name of students) {
  console.log("Hello, " + name);
}
// Hello, Rahul / Hello, Priya / Hello, Amit

इसे सादे English की तरह पढ़िए: 'students में से हर name के लिए hello कहिए'। जब values चाहिए, तो for...of इस्तेमाल कीजिए। जब index भी चाहिए — मिसाल के लिए, जब आप 'Student 1: Rahul, Student 2: Priya' छापना चाहते हैं — तो सादा for लूप इस्तेमाल कीजिए।

for...in — हर key पर जाइए

for...in object की keys पर घूमता है — उसकी properties के नामों पर। यह objects के लिए लूप है, जैसे for...of arrays के लिए है।

let student = { name: "Rahul", course: "CSE", marks: 82 };
for (let key in student) {
  console.log(key + ": " + student[key]);
}
// name: Rahul / course: CSE / marks: 82

आम गलतियाँ

• i <= marks.length लिखना, i < marks.length की जगह — लूप अंत से एक item आगे पढ़ता है और undefined देता है।
• Counter को 1 से शुरू करना — आप array का पहला item छोड़ देते हैं। Arrays 0 से शुरू होते हैं।
• i++ भूल जाना — कदम के बिना i कभी बदलता नहीं, शर्त हमेशा सही रहती है, और browser रुक जाता है। इसे infinite loop कहते हैं।
• Array पर for...in इस्तेमाल करना — यह text indexes देता है और extra properties उठा सकता है। Array values के लिए for...of इस्तेमाल कीजिए।
• Counter को let के बिना declare करना — for (i = 0; ...) से i global variable बन जाता है, जो बाकी प्रोग्राम में फैल जाता है। हमेशा let i लिखिए।

याद रखें

• for गिनता है, for...of values पर जाता है, for...in keys पर जाता है।
• for लूप है शुरू, रुकें, कदम: for (let i = 0; i < 5; i++)।
• Arrays 0 से शुरू होते हैं — counter 0 से शुरू कीजिए और length से पहले रुकिए।
• कदम (i++) हमेशा लिखिए, नहीं तो लूप कभी खत्म नहीं होगा।

उदाहरण समझिए

• let marks = [45, 82, 30, 91, 67]; — पाँच छात्रों के exam अंक।
• let total = 0; — एक खाली बाल्टी; लूप हर अंक को उसमें डालता है।
• for (let i = 0; i < marks.length; i++) — लूप पाँच बार चलता है, i 0, 1, 2, 3, 4 होता है।
• total = total + marks[i]; — हर round में एक अंक बाल्टी में जुड़ता है, इसलिए पाँच round के बाद total 315 होता है।
• document.getElementById("result").innerHTML = ... — button दबाने पर total और average पेज पर लिखे जाते हैं।