हिन्दी में वैबसाइट डिजाइनिंग सीखना चाहते हैं तो हमारी साइट code sikho hindi को Subscribe करें

JavaScript - Loop Control Full Details

 JavaScript - Loop Control Full Details

JavaScript - Loop Control Full Details


जावास्क्रिप्ट - Loop Control पूर्ण विवरण


जावास्क्रिप्ट लूप और स्विच स्टेटमेंट को संभालने के लिए पूर्ण नियंत्रण प्रदान करता है। ऐसी स्थिति हो सकती है जब आपको एक लूप से उसके तल तक पहुंचे बिना बाहर आने की आवश्यकता हो। ऐसी स्थिति भी हो सकती है जब आप अपने कोड ब्लॉक के एक हिस्से को छोड़ना चाहते हैं और लूप के अगले पुनरावृत्ति को शुरू करना चाहते हैं।


ऐसी सभी स्थितियों को संभालने के लिए, जावास्क्रिप्ट ब्रेक और कंटिन्यू स्टेटमेंट प्रदान करता है। इन कथनों का उपयोग किसी भी लूप से तुरंत बाहर आने के लिए या किसी लूप के अगले पुनरावृत्ति को शुरू करने के लिए किया जाता है।


The break Statement- (ब्रेक स्टेटमेंट)


ब्रेक स्टेटमेंट, जिसे संक्षेप में स्विच स्टेटमेंट के साथ पेश किया गया था, का उपयोग लूप से जल्दी बाहर निकलने के लिए किया जाता है, जो संलग्न घुंघराले ब्रेसिज़ को तोड़ता है।


Flow Chart -(प्रवाह चार्ट)


ब्रेक स्टेटमेंट का फ्लो चार्ट इस प्रकार दिखेगा -

break_statement Flow Chart -(प्रवाह चार्ट)


Example -(उदाहरण)


निम्न उदाहरण थोड़ी देर के लूप के साथ ब्रेक स्टेटमेंट के उपयोग को दिखाता है। ध्यान दें कि एक बार x के 5 तक पहुंचने पर लूप कैसे जल्दी टूट जाता है और क्लोजिंग कर्ली ब्रेस के ठीक नीचे document.write (..) स्टेटमेंट तक पहुंच जाता है -


<html>

   <body>     

      <script type = "text/javascript">

         <!--

         var x = 1;

         document.write("Entering the loop<br /> ");         

         while (x < 20) {

            if (x == 5) {

               break;   // breaks out of loop completely

            }

            x = x + 1;

            document.write( x + "<br />");

         }         

         document.write("Exiting the loop!<br /> ");

         //-->

      </script>

      <p>Set the variable to different value and then try...</p>

   </body>

</html>


Output


Entering the loop

2

3

4

5

Exiting the loop!

Set the variable to different value and then try...


हम पहले ही एक स्विच स्टेटमेंट के अंदर ब्रेक स्टेटमेंट के उपयोग को देख चुके हैं।


The continue Statement -(जारी बयान)


जारी बयान दुभाषिया को लूप के अगले पुनरावृत्ति को तुरंत शुरू करने और शेष कोड ब्लॉक को छोड़ने के लिए कहता है। जब एक जारी बयान का सामना करना पड़ता है, तो प्रोग्राम प्रवाह तुरंत लूप चेक अभिव्यक्ति में चला जाता है और यदि स्थिति सही रहती है, तो यह अगला पुनरावृत्ति शुरू करता है, अन्यथा नियंत्रण लूप से बाहर आता है।


Example -(उदाहरण)


यह उदाहरण थोड़ी देर के लूप के साथ जारी रखें कथन के उपयोग को दिखाता है। ध्यान दें कि कैसे जारी कथन का उपयोग मुद्रण को छोड़ने के लिए किया जाता है जब चर x में रखा गया सूचकांक 5 − . तक पहुंच जाता है


<html>

   <body>      

      <script type = "text/javascript">

         <!--

            var x = 1;

            document.write("Entering the loop<br /> ");

            while (x < 10) {

               x = x + 1;

               

               if (x == 5) {

                  continue;   // skip rest of the loop body

               }

               document.write( x + "<br />");

            }         

            document.write("Exiting the loop!<br /> ");

         //-->

      </script>      

      <p>Set the variable to different value and then try...</p>

   </body>

</html>


Output


Entering the loop

2

3

4

6

7

8

9

10

Exiting the loop!

Set the variable to different value and then try...


प्रवाह को नियंत्रित करने के लिए लेबल का उपयोग करना


जावास्क्रिप्ट 1.2 से शुरू होकर, एक लेबल का उपयोग विराम के साथ किया जा सकता है और प्रवाह को अधिक सटीक रूप से नियंत्रित करना जारी रख सकता है। एक लेबल केवल एक पहचानकर्ता होता है जिसके बाद एक कोलन (:) होता है जो किसी कथन या कोड के ब्लॉक पर लागू होता है। ब्रेक और जारी रखने के साथ लेबल का उपयोग कैसे करें, यह समझने के लिए हम दो अलग-अलग उदाहरण देखेंगे।


नोट - 'जारी रखें' या 'ब्रेक' स्टेटमेंट और उसके लेबल नाम के बीच लाइन ब्रेक की अनुमति नहीं है। साथ ही, लेबल नाम और संबद्ध लूप के बीच में कोई अन्य कथन नहीं होना चाहिए।


लेबल की बेहतर समझ के लिए निम्नलिखित दो उदाहरणों का प्रयास करें।


Example 1 -(उदाहरण 1)


निम्न उदाहरण दिखाता है कि लेबल को ब्रेक स्टेटमेंट के साथ कैसे कार्यान्वित किया जाए।


<html>

   <body>      

      <script type = "text/javascript">

         <!--

            document.write("Entering the loop!<br /> ");

            outerloop:        // This is the label name         

            for (var i = 0; i < 5; i++) {

               document.write("Outerloop: " + i + "<br />");

               innerloop:

               for (var j = 0; j < 5; j++) {

                  if (j > 3 ) break ;           // Quit the innermost loop

                  if (i == 2) break innerloop;  // Do the same thing

                  if (i == 4) break outerloop;  // Quit the outer loop

                  document.write("Innerloop: " + j + " <br />");

               }

            }        

            document.write("Exiting the loop!<br /> ");

         //-->

      </script>      

   </body>

</html>


Output


Entering the loop!

Outerloop: 0

Innerloop: 0 

Innerloop: 1 

Innerloop: 2 

Innerloop: 3 

Outerloop: 1

Innerloop: 0 

Innerloop: 1 

Innerloop: 2 

Innerloop: 3 

Outerloop: 2

Outerloop: 3

Innerloop: 0 

Innerloop: 1 

Innerloop: 2 

Innerloop: 3 

Outerloop: 4

Exiting the loop!


Example 2- (उदाहरण 2) 


<html>

   <body>   

      <script type = "text/javascript">

         <!--

         document.write("Entering the loop!<br /> ");

         outerloop:     // This is the label name         

         for (var i = 0; i < 3; i++) {

            document.write("Outerloop: " + i + "<br />");

            for (var j = 0; j < 5; j++) {

               if (j == 3) {

                  continue outerloop;

               }

               document.write("Innerloop: " + j + "<br />");

            }

         }        

         document.write("Exiting the loop!<br /> ");

         //-->

      </script>    

   </body>

</html>


Output


Entering the loop!

Outerloop: 0

Innerloop: 0

Innerloop: 1

Innerloop: 2

Outerloop: 1

Innerloop: 0

Innerloop: 1

Innerloop: 2

Outerloop: 2

Innerloop: 0

Innerloop: 1

Innerloop: 2

Exiting the loop!