Open In App

How to break nested for loop using JavaScript?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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!


Last Updated : 14 May, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads