लूप के लिए जावास्क्रिप्ट
लूप्स कोड के एक ब्लॉक को कई बार निष्पादित कर सकता है।
जावास्क्रिप्ट लूप्स
लूप आसान हैं, यदि आप एक ही कोड को बार-बार चलाना चाहते हैं, हर बार एक अलग मूल्य के साथ।
सरणियों के साथ काम करते समय अक्सर ऐसा होता है:
लिखने के बजाय:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
तुम लिख सकते हो:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
विभिन्न प्रकार के लूप
जावास्क्रिप्ट विभिन्न प्रकार के लूप का समर्थन करता है:
for- कोड के एक ब्लॉक के माध्यम से कई बार लूप करता हैfor/in- किसी वस्तु के गुणों के माध्यम से लूपfor/of- एक चलने योग्य वस्तु के मूल्यों के माध्यम से लूपwhile- कोड के एक ब्लॉक के माध्यम से लूप, जबकि एक निर्दिष्ट शर्त सत्य हैdo/while- कोड के एक ब्लॉक के माध्यम से भी लूप करता है जबकि एक निर्दिष्ट शर्त सत्य है
लूप के लिए
लूप में forनिम्नलिखित सिंटैक्स है:
for (statement 1; statement 2; statement 3) {
// code block to be executed
}
स्टेटमेंट 1 को कोड ब्लॉक के निष्पादन से पहले (एक बार) निष्पादित किया जाता है।
स्टेटमेंट 2 कोड ब्लॉक को निष्पादित करने की शर्त को परिभाषित करता है।
कोड ब्लॉक निष्पादित होने के बाद स्टेटमेंट 3 को (हर बार) निष्पादित किया जाता है।
उदाहरण
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
ऊपर दिए गए उदाहरण से आप पढ़ सकते हैं:
स्टेटमेंट 1 लूप शुरू होने से पहले एक वैरिएबल सेट करता है (चलो i = 0)।
कथन 2 लूप के चलने की स्थिति को परिभाषित करता है (मैं 5 से कम होना चाहिए)।
प्रत्येक बार लूप में कोड ब्लॉक निष्पादित होने पर स्टेटमेंट 3 एक मान (i++) बढ़ाता है।
कथन 1
आम तौर पर आप लूप में उपयोग किए गए वेरिएबल को प्रारंभ करने के लिए कथन 1 का उपयोग करेंगे (चलो i = 0)।
यह हमेशा ऐसा नहीं होता है, जावास्क्रिप्ट परवाह नहीं करता है। कथन 1 वैकल्पिक है।
आप कथन 1 (अल्पविराम से अलग) में कई मान आरंभ कर सकते हैं:
उदाहरण
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
और आप कथन 1 को छोड़ सकते हैं (जैसे जब आपके मान लूप शुरू होने से पहले सेट हो जाते हैं):
उदाहरण
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
वक्तव्य 2
प्रारंभिक चर की स्थिति का मूल्यांकन करने के लिए अक्सर कथन 2 का उपयोग किया जाता है।
यह हमेशा ऐसा नहीं होता है, जावास्क्रिप्ट परवाह नहीं करता है। कथन 2 भी वैकल्पिक है।
यदि कथन 2 सत्य लौटाता है, तो लूप फिर से शुरू होगा, यदि यह गलत है, तो लूप समाप्त हो जाएगा।
यदि आप कथन 2 को छोड़ देते हैं, तो आपको लूप के अंदर एक ब्रेक प्रदान करना होगा। नहीं तो लूप कभी खत्म नहीं होगा। यह आपके ब्राउज़र को क्रैश कर देगा। इस ट्यूटोरियल के बाद के अध्याय में ब्रेक के बारे में पढ़ें।
वक्तव्य 3
अक्सर कथन 3 प्रारंभिक चर के मान को बढ़ाता है।
यह हमेशा मामला नहीं होता है, जावास्क्रिप्ट परवाह नहीं करता है, और कथन 3 वैकल्पिक है।
कथन 3 ऋणात्मक वृद्धि (i--), धनात्मक वृद्धि (i = i + 15), या कुछ और कुछ भी कर सकता है।
कथन 3 को भी छोड़ा जा सकता है (जैसे जब आप लूप के अंदर अपने मान बढ़ाते हैं):
उदाहरण
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
लूप स्कोप
varलूप में उपयोग करना :
उदाहरण
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
letलूप में उपयोग करना :
उदाहरण
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
पहले उदाहरण varमें, लूप में घोषित वेरिएबल लूप के बाहर वेरिएबल को पुनर्घोषित करता है।
दूसरे उदाहरण letमें, लूप में घोषित वेरिएबल लूप के बाहर वेरिएबल को फिर से डिक्लेयर नहीं करता है।
लूप में i वेरिएबल घोषित करने के लिए कब letउपयोग किया जाता है, i वेरिएबल केवल लूप के भीतर ही दिखाई देगा।
लूप्स के लिए/के और के लिए/में
for/inलूप और लूप for/ofको अगले अध्याय में समझाया गया है।
जबकि लूप्स
whileलूप और द को do/whileअगले अध्यायों में समझाया गया है।