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