How to break nested for loop using JavaScript?

0 0 2 minutes read

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!

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!