Skip to content
Related Articles

Related Articles

How to break nested for loop using JavaScript?
  • Last Updated : 14 May, 2019

The break statement, which is used to exit a loop early.
A label can be used with a break to control the flow more precisely. A label is simply an identifier followed by a colon(:) that is applied to a statement or a block of code.

Note: there should not be any other statement in between a label name and associated loop.

Example-1: Break from nested loop




<!DOCTYPE html>
  
<html>
  
<head>
    <title>
        Break Nested For loop
    </title>
</head>
  
<body>
    <script type="text/javascript">
        <!--
        document.write(
          "Entering the Geeks For Geeks!<br /> ");
  
        for (var i = 0; i < 5; i++) {
            document.write(
              "For Upper Level in GfG : " + i + "<br />");
            document.write("<br />")
  
            for (var j = 0; j < 5; j++) {
                // Break from the inner loop
                if (j == 3) break
  
                document.write(
                  "For Deeper Level in GfG : " + j + " <br />");
            }
           // Break from the outer loop
            if (i == 3) break;
        }
        document.write("Exiting the Geeks For Geeks!<br /> ");
  
    </script>
</body>
</html

Output:

Entering the Geeks For Geeks!
For Upper Level in GfG : 0

For Deeper Level in GfG : 0 
For Deeper Level in GfG : 1 
For Deeper Level in GfG : 2 
For Upper Level in GfG : 1

For Deeper Level in GfG : 0 
For Deeper Level in GfG : 1 
For Deeper Level in GfG : 2 
For Upper Level in GfG : 2

For Deeper Level in GfG : 0 
For Deeper Level in GfG : 1 
For Deeper Level in GfG : 2 
For Upper Level in GfG : 3

For Deeper Level in GfG : 0 
For Deeper Level in GfG : 1 
For Deeper Level in GfG : 2 
Exiting the Geeks For Geeks!

Example-2: Break from nested loop using Labels.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Break Nested For loop Using Labels
    </title>
</head>
  
<body>
    <script type="text/javascript">
        <!--
        document.write("Entering the Geeks for Geeks!<br /> ");
        upperloop: // This is the label name         
            for (var i = 0; i < 5; i++) {
                document.write(
                   "For Upper Level in GfG : " + i + "<br />");
                document.write("<br />");
                deeperloop:
                    for (var j = 0; j < 5; j++) {
                        // Break from the inner loop
                        if (j > 3) break
                        // Do the same thing
                        if (i == 2) break deeperloop; 
                        // Break from the outer loop
                        if (i == 3) break upperloop; 
                        document.write("For Deeper Level in GfG: "
                                       + j + " <br />");
                    }
            }
        document.write("Exiting the Geeks For Geeks!<br /> ");
  
    </script>
</body>
  
</html>

Output:

Entering the Geeks for Geeks!
For Upper Level in GfG : 0

For Deeper Level in GfG: 0 
For Deeper Level in GfG: 1 
For Deeper Level in GfG: 2 
For Deeper Level in GfG: 3 
For Upper Level in GfG : 1

For Deeper Level in GfG: 0 
For Deeper Level in GfG: 1 
For Deeper Level in GfG: 2 
For Deeper Level in GfG: 3 
For Upper Level in GfG : 2

For Upper Level in GfG : 3

Exiting the Geeks For Geeks!

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :