जावास्क्रिप्ट For लूप

लूप कोड ब्लॉक को कई बार चलाया जा सकता है。

जेसक्रिप्ट लूप

अगर आप कई बार अलग-अलग मूल्यों के साथ कोड चलाना चाहते हैं, तो लूप (loop) काफी सहज है।

हम अक्सर एक अनुबंध के उदाहरण के साथ भेंट होते हैं:

इस तरह लिखने की आवश्यकता नहीं है:

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 (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

अपने आप प्रयास करें

विभिन्न प्रकार के चक्र

जावास्क्रिप्ट विभिन्न प्रकार के चक्र समर्थित करता है:

  • for - कोड ब्लॉक को बहुगुणा करें
  • for/in - आबोहवा गुणवत्ता का अध्ययन करें
  • while - जब निर्दिष्ट स्थिति true होता है तो एक ब्लॉक को चक्र करें
  • do/while - जब निर्दिष्ट स्थिति true होता है तो एक ब्लॉक को चक्र करें

For चक्र

for चक्र, जब आपको चक्र बनाना हो तो अक्सर इस्तेमाल किया जाता है।

for चक्र की व्याकरणिक प्रारूप निम्नानुसार है:

for (वाक्य 1; वाक्य 2; वाक्य 3) {
     चलाने वाला कोड ब्लॉक
}

वाक्य 1 चक्र (कोड ब्लॉक) शुरू होने से पहले चलता है।

वाक्य 2 चक्र (कोड ब्लॉक) को चलाने की स्थिति को निर्धारित करता है।

वाक्य 3 प्रत्येक बार चक्र (कोड ब्लॉक) के बाद चलता है।

इंस्टांस

for (i = 0; i < 5; i++) {
     text += "संख्या है " + i + "<br>";
}

अपने आप प्रयास करें

उपरोक्त कोड से, आप जान सकते हैं:

वाक्य 1 चक्र (कोड ब्लॉक) शुरू होने से पहले एक संचारक निर्धारित करता है (var i = 0)।

वाक्य 2 चक्र (कोड ब्लॉक) को चलाने की स्थिति को निर्धारित करता है (i चाहिए 5 से कम)।

वाक्य 3 प्रत्येक बार चक्र (कोड ब्लॉक) के बाद मान को वृद्धि करता है (i++)।

वाक्य 1

सामान्यतया, आप वाक्य 1 को चक्र में उपयोग करने वाले संचारक को शुरू करने के लिए उपयोग करते हैं (i = 0)।

इस तरह की स्थिति हमेशा नहीं होती, जावास्क्रिप्ट इस पर ध्यान नहीं देता। वाक्य 1 भी वैकल्पिक है।

आप वाक्य 1 में कई वैल्यू को शुरू कर सकते हैं (कमा से अलग):

इंस्टांस

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

अपने आप प्रयास करें

और आप वाक्य 1 को छोड़ सकते हैं (जैसे चक्र शुरू होने से पहले वैल्यू निर्धारित करना):

इंस्टांस

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

अपने आप प्रयास करें

वाक्य 2

सामान्यतया वाक्य 2 को आरंभिक संचारक की स्थिति की गणना के लिए उपयोग किया जाता है।

इस तरह की स्थिति हमेशा नहीं होती, जावास्क्रिप्ट इस पर ध्यान नहीं देता। वाक्य 2 भी वैकल्पिक है।

यदि वाक्य 2 चूक देता है तो चक्र फिर से शुरू होगा, अन्यथा चक्र समाप्त होगा।

यदि वाक्य 2 को छोड़ दिया जाता है, तो चक्र में एक आवश्यकता होनी चाहिए breakअन्यथा चक्र कभी खत्म नहीं होगा। अगले अध्याय में break के बारे में अधिक पढ़ें।

वाक्य 3

सामान्यतया वाक्य 3 आरंभिक संचारक की गुणवत्ता को वृद्धि करता है।

इस तरह की स्थिति हमेशा नहीं होती, जावास्क्रिप्ट इस पर ध्यान नहीं देता। वाक्य 3 भी वैकल्पिक है।

वाक्य 3 कुछ भी कर सकता है, जैसे नक्शली वृद्धि (i--), सकारात्मक वृद्धि (i = i + 15), या कोई अन्य कार्य।

स्टेटमेंट 3 को भी छोड़ सकते हैं (जब आप लूप में मूल्य बढ़ाते हैं):

इंस्टांस

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

अपने आप प्रयास करें

For/In लूप

जावास्क्रिप्ट for/in स्टेटमेंट द्वारा ऑब्जेक्ट की गुणों को घूमता है:

इंस्टांस

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

अपने आप प्रयास करें

While लूप

हम अगले अध्याय में while लूप और do/while लूप को सीखेंगे。

बाहरी पुस्तक

अधिक जानने के लिए जावास्क्रिप्ट फॉर स्टेटमेंटइसके बारे में जानने के लिए, जावास्क्रिप्ट एडवांस्ड ट्यूटोरियल में संबंधित सामग्री को पढ़ें:

एससीएमएस इटरेटिव स्टेटमेंट
इटरेटिव स्टेटमेंट अथवा लूप स्टेटमेंट को हम इस अनुभाग में एससीएमएस द्वारा प्रदान की गई चार प्रकार की इटरेटिव स्टेटमेंट का परिचय देंगे。