for लूप
अब तक if और switch से रास्ता एक बार चुनते थे। असली पेज पर अक्सर वही काम कई बार चाहिए: पाँच लाइन, जोड़, छोटी सूची। एक कथन पाँच बार कॉपी करें तो पहला बदलाव सब जगह तोड़ देता है। for काम की एक कॉपी रखता है और काउंटर से राउंड चलाता है।
for लूप कैसे आगे बढ़ता है?
जब तक शर्त सही है, { } वाला ब्लॉक फिर चलता है। कोष्ठक में सेमीकोलन से तीन हिस्से: काउंटर कहाँ से शुरू, कब तक चले, हर राउंड के बाद कैसे बदले। शर्त गलत होते ही लूप रुकता है और अगली पंक्ति से कार्यक्रम चलता है।
हेडर के तीन हिस्से
📊 रोजमर्रा के for टुकड़े
| हिस्सा | रोज की भाषा | आम उपयोग |
|---|---|---|
| शुरुआत (init) | काउंटर यहीं से शुरू करो… | let i = 0 |
| शर्त | जब तक यह सही है चलते रहो… | i < 5 |
| अपडेट | हर राउंड के बाद काउंटर बदलो… | i++ |
शुरुआती अक्सर छोटे पूर्णांक i से गिनते हैं। नाम रिवाज है, नियम नहीं — n या step भी ठीक। काउंटर कभी न बदलें तो शर्त कभी गलत न हो और लूप अटक जाए।
for (let i = 0; i < 5; i++) {
console.log(i);
}
शुरुआत से रुकने तक गिनें
0 से शुरू। जब तक i 5 से छोटा है, उसे छापकर एक जोड़ते हैं। कंसोल में 0 से 4 — पाँच राउंड। 5 नहीं छपता क्योंकि शर्त पहले फेल होती है।
एक राउंड धीरे पढ़ें: शर्त → बॉडी → अपडेट → फिर शर्त। अपडेट बॉडी में नहीं; हेडर में है ताकि हर राउंड एक जैसा आगे बढ़े।
for (let i = 1; i <= 3; i++) {
console.log("step " + i);
}
एक से शुरू, साफ़ लेबल
यहाँ काउंटर 1 से और शर्त i <= 3; आपको step 1 से step 3 दिखते हैं। शून्य या एक डिज़ाइन चुन है — शर्त उसी से मिलाएँ।
let total = 0;
for (let i = 1; i <= 4; i++) {
total = total + i;
}
console.log(total);
योग राउंड-दर-राउंड बनाएँ
total शून्य से शुरू होकर हर राउंड मौजूदा i लेता है। 1+2+3+4 के बाद 10। लूप तब चमकता है जब नतीजा राउंडों में बढ़े, सिर्फ एक शाखा न हो।
for (let i = 0; i < 8; i += 2) {
console.log(i);
}
दो-दो करके कूदें
i += 2 हर राउंड दो आगे: 0, 2, 4, 6। अपडेट सिर्फ i++ नहीं — कोई भी ईमानदार बदलाव जो अंत के करीब ले जाए ठीक है।
let line = "";
for (let i = 1; i <= 3; i++) {
line = line + "n" + i + " ";
}
console.log(line);
लूप में टुकड़े जोड़ें
line खाली शुरू होता है और हर राउंड एक टुकड़ा जोड़ता है। तीन राउंड बाद कुछ ऐसा: n1 n2 n3। बाद में पेज संदेश के लिए भी यही पैटर्न।
नतीजा पेज पर देखें
छोटी गिनती चलाएँ, संदेश बनाएँ, फिर पेज पर लिखें।
<!DOCTYPE html>
<html>
<head>
<title>For — page count</title>
</head>
<body>
<p id="out">…</p>
<script>
let msg = "";
for (let i = 1; i <= 4; i++) {
msg = msg + i + " ";
}
let box = document.getElementById("out");
box.textContent = "count=" + msg.trim();
</script>
</body>
</html>
पेज count=1 2 3 4 दिखाता है। ऊपरी सीमा बदलें, रिफ़्रेश करें, नई सूची पढ़ें। अगला पाठ while भी दोहराता है, पर शर्त जाँच का रूप अलग है — जब काउंटर योजना पहले से पता हो, for साफ़ औज़ार रहता है।
खुद आज़माएँ
i < 5वालाforलिखें जो0…4लॉग करे।- बदलकर
i <= 5से1…5लॉग करें। 1…5का योगtotalमें डालकर लॉग करें।i += 2से10से कम सम संख्याएँ छापें।- लूप में तीन लेबल (
a,b,c) की स्ट्रिंग बनाएँ। - HTML डेमो में सिर्फ ऊपरी सीमा बदलें, रिफ़्रेश करें,
count=पढ़ें।
आम गलतियाँ
- एक कम/ज़्यादा:
i < 5बनामi <= 5जब राउंड संख्या अलग हो - अपडेट (
i++) भूलना जिससे शर्त खत्म न हो - एक
ifकाफी काम को बेकार एक-राउंड लूप बनाना - शर्त वाले से अलग वैरिएबल बदलना
- मान लेना कि हेडर में
letवालाiलूप के बाद भी काम आएगा (ब्लॉक स्कोप)
सार
forशर्त सही रहते बॉडी दोहराता है- हेडर में तीन हिस्से: शुरुआत, शर्त, अपडेट
- गिनती, योग और छोटी स्ट्रिंग के लिए बढ़िया
- अपडेट
i++,i += 2या कोई साफ़ कदम हो सकता है - लूप संदेश बनाए तो पेज पर भी दिखाएँ
- अगला: while लूप — शर्त रहते दोहराएँ, बिना तीन-भाग हेडर
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी