नियंत्रण प्रवाह: if, else, switch, for, while
if/else और switch से शाखाएँ बनाएँ, for और while से लूप चलाएँ तथा पुनरावृत्ति नियंत्रित करने के लिए break और continue का उपयोग करें।
नियंत्रण प्रवाह: if, else, switch, for, while, CoddyKit पर Frontend Academy का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Frontend Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Frontend Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
नियंत्रण प्रवाह क्या है?
नियंत्रण प्रवाह यह निर्धारित करता है कि कौन-सा कोड चलेगा और कितनी बार चलेगा। JavaScript निष्पादन के मार्ग को शर्तों और डेटा के आधार पर निर्देशित करने के लिए सशर्त कथन (if/else, switch) और लूप (for, while, do/while) प्रदान करता है।
if / else if / else
सबसे मूलभूत सशर्त संरचना। कोष्ठक में दी गई शर्त का मूल्यांकन truthy या falsy के रूप में किया जाता है। कई शर्तों को else if के साथ जोड़ा जा सकता है। अंतिम else अन्य सभी मामलों के लिए वैकल्पिक व्यवस्था है।
const score = 75;
if (score >= 90) {
console.log('A');
} else if (score >= 80) {
console.log('B');
} else if (score >= 70) {
console.log('C');
} else {
console.log('F');
}टर्नरी ऑपरेटर
टर्नरी ऑपरेटर, if/else का संक्षिप्त इनलाइन रूप है: condition ? trueValue : falseValue। इसका उपयोग सरल मान-निर्धारण और JSX अभिव्यक्तियों के लिए करें। टर्नरी ऑपरेटरों को एक-दूसरे के भीतर रखने से बचें — वे जल्दी ही पढ़ने में कठिन हो जाते हैं।
const label = age >= 18 ? 'Adult' : 'Minor';
const icon = isActive ? '🟢' : '🔴';
// In JSX:
<span>{isLoggedIn ? 'Logout' : 'Login'}</span>switch कथन
switch सख्त समानता का उपयोग करके किसी मान की तुलना कई मामलों से करता है। हर case के बाद break का उपयोग करें, ताकि नियंत्रण अगले मामले में अपने-आप न चला जाए। default उन मानों को संभालता है जिनका कोई मिलान नहीं मिलता।
const day = 'Monday';
switch (day) {
case 'Saturday':
case 'Sunday':
console.log('Weekend');
break;
case 'Monday':
console.log('Start of work week');
break;
default:
console.log('Weekday');
}for लूप
पारंपरिक C-शैली का for लूप: आरंभीकरण; शर्त; वृद्धि। यह ज्ञात संख्या में पुनरावृत्तियों के लिए या इंडेक्स के आधार पर ऐरे पर चलने के लिए सबसे उपयोगी है।
for (let i = 0; i < 5; i++) {
console.log(i); // 0 1 2 3 4
}
// Iterate array by index:
const names = ['Alice', 'Bob', 'Carol'];
for (let i = 0; i < names.length; i++) {
console.log(names[i]);
}for...of लूप
for...of किसी भी iterable के मानों पर चलता है, जैसे ऐरे, स्ट्रिंग, Map और Set। जब आपको इंडेक्स की आवश्यकता न हो, तब यह इंडेक्स-आधारित for लूप से अधिक साफ़ होता है।
const fruits = ['apple', 'banana', 'cherry'];
for (const fruit of fruits) {
console.log(fruit);
}
for (const char of 'hello') {
console.log(char); // h e l l o
}for...in लूप
for...in किसी ऑब्जेक्ट की गणनीय प्रॉपर्टी कुंजियों पर चलता है। इसका उपयोग ऐरे पर न करें — इसके बजाय for...of या ऐरे विधियों का उपयोग करें।
const user = { name: 'Alice', age: 30, role: 'admin' };
for (const key in user) {
console.log(`${key}: ${user[key]}`);
}while लूप
while लूप तब तक चलता है, जब तक उसकी शर्त truthy रहती है। इसका उपयोग तब करें, जब पुनरावृत्तियों की संख्या पहले से ज्ञात न हो — उदाहरण के लिए, उपयोगकर्ता द्वारा मान्य मान दर्ज करने तक input पढ़ने के लिए।
let attempts = 0;
let success = false;
while (!success && attempts < 3) {
// try something
attempts++;
success = Math.random() > 0.5; // simulate
}
console.log(`Done in ${attempts} attempts`);do...while लूप
do...while शर्त जाँचने से पहले अपने body को कम-से-कम एक बार चलाता है। यह तब उपयोगी है, जब बाहर निकलने की शर्त का मूल्यांकन करने से पहले body का चलना आवश्यक हो।
let input;
do {
input = prompt('Enter a number:');
} while (isNaN(Number(input)));break और continue
break वर्तमान लूप से तुरंत बाहर निकलता है। continue वर्तमान पुनरावृत्ति का शेष भाग छोड़कर अगली पुनरावृत्ति पर चला जाता है। दोनों का उपयोग for, while और do/while लूप में किया जा सकता है।
for (let i = 0; i < 10; i++) {
if (i === 3) continue; // skip 3
if (i === 7) break; // stop at 7
console.log(i); // 0 1 2 4 5 6
}शॉर्ट-सर्किट मूल्यांकन
&& पहला falsy मान या अंतिम मान लौटाता है। || पहला truthy मान या अंतिम मान लौटाता है। ?? (nullish coalescing) दाईं ओर का मान तभी लौटाता है, जब बाईं ओर का मान null या undefined हो।
const name = user && user.name; // null if user is falsy
const label = name || 'Anonymous'; // 'Anonymous' if name is falsy
const port = config.port ?? 3000; // 3000 only if port is null/undefinedत्वरित जाँच
कौन-सा लूप अपने body को कम-से-कम एक बार चलाने की गारंटी देता है?
पुनरावृत्ति: JavaScript का नियंत्रण प्रवाह
शाखाएँ बनाने के लिए if/else। कई अलग-अलग मानों के लिए switch। ज्ञात पुनरावृत्तियों के लिए for लूप। iterable के लिए for...of। अज्ञात पुनरावृत्तियों के लिए while। कम-से-कम एक बार चलाने के लिए do...while। लूप से बाहर निकलने के लिए break। पुनरावृत्तियाँ छोड़ने के लिए continue। संक्षिप्त सशर्त अभिव्यक्तियों के लिए शॉर्ट-सर्किट ऑपरेटर।
एआई शिक्षक के साथ HTML सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 41
- पाठ
- 163
अक्सर पूछे जाने वाले प्रश्न
क्या “नियंत्रण प्रवाह: if, else, switch, for, while” पाठ निःशुल्क है?
हाँ—“नियंत्रण प्रवाह: if, else, switch, for, while” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Frontend Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Frontend Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“नियंत्रण प्रवाह: if, else, switch, for, while” में मैं क्या सीखूँगा?
if/else और switch से शाखाएँ बनाएँ, for और while से लूप चलाएँ तथा पुनरावृत्ति नियंत्रित करने के लिए break और continue का उपयोग करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Frontend Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Frontend Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Frontend Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।
“नियंत्रण प्रवाह: if, else, switch, for, while” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Frontend Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Frontend Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- वेरिएबल: let, const, var और स्कोप
- डेटा प्रकार: string, number, boolean, null, undefined
- फ़ंक्शन: घोषणाएँ, एक्सप्रेशन और ऐरो फ़ंक्शन
- नियंत्रण प्रवाह: if, else, switch, for, while