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++) {
if (j == 3) break ;
document.write(
"For Deeper Level in GfG : " + j + " <br />" );
}
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:
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++) {
if (j > 3) break ;
if (i == 2) break deeperloop;
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!
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...