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!