Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

JavaScript | Break and Continue

  • Difficulty Level : Basic
  • Last Updated : 06 Mar, 2019

Break statement: The break statement is used to jump out of a loop. It can be used to “jump out” of a switch() statement. It breaks the loop and continues executing the code after the loop.

Example:

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!




<!DOCTYPE html>
<html>
    <head
        <title>
            JavaScript Break statement
        </title>
    </head
      
    <body style="text-align:center;">
        <div>
            <h1>GeeksForGeeks</h1>
            <h2>JavaScript Break</h2>
        </div>
          
        <p id="GFG"></p>
  
        <script>
            var content = "";
            var i;
            for (i = 1; i < 1000; i++) {
                if (i === 6) { 
                    break; 
                }
                content += "Geeks" + i + "<br>";
            }
            document.getElementById("GFG").innerHTML = content;
        </script>
    </body>
</html>                                

Output:

Continue statement: The continue statement “jumps over” one iteration in the loop. It breaks iteration in the loop and continues executing the next iteration in the loop.



Example:




<!DOCTYPE html>
<html>
    <head
        <title>
            JavaScript continue statement
        </title>
    </head
      
    <body style="text-align:center;">
  
        <div>
            <h1>GeeksForGeeks</h1>
            <h2>JavaScript continue</h2>
        </div>
          
        <p id="GFG"></p>
  
        <script>
            var content = "";
            var i;
            for (i = 1; i < 7; i++) {
                if (i === 4) { 
                    continue; 
                }
                content += "Geeks" + i + "<br>";
            }
            document.getElementById("GFG").innerHTML = content;
        </script>
    </center>
</body>
</html>                    

Output:

JavaScript labels: In JavaScript, the label statements are written as the statements with a label name and a colon.

Syntax:

  • break statements: It is used to jump out of a loop or a switch without a label reference while with label reference, it used to jump out of any code block.
    break labelname; 
  • continue statements: It used to skip one loop iteration with or without a label reference.
    continue labelname;

Example: This example use break label statements.




<!DOCTYPE html>
<html>
    <head
        <title>
            JavaScript continue statement
        </title>
    </head
       
    <body style="text-align:center;">
          
        <div>
            <h1 style="color:green;">
                GeeksForGeeks
            </h1>
              
            <h2>JavaScript break</h2>
        </div>
          
        <p id="GFG"></p>
          
        <!-- Script to use break label -->
        <script>
            var val = ["Geeks1", "Geeks2", "Geeks3",
                                 "Geeks4", "Geeks5"];
            var print = "";
  
            breaklabel: {
                print += val[0] + "<br>" + val[1] + "<br>"; 
                break breaklabel;
                print += val[2] + "<br>"+ val[3] + "<br>" + val[4]; 
            }
  
            document.getElementById("GFG").innerHTML = print;
        </script>
  
    </body>
</html>                    

Output:

Example: This example uses continue label.




<!DOCTYPE html>
<html>
    <head
        <title>
            JavaScript continue label
        </title>
    </head
      
    <body style="text-align:center">
  
        <div>
            <h1 style="color:green;">
                GeeksForGeeks
            </h1>
              
            <h2>JavaScript continue</h2>
        </div>
          
        <p id="GFG"></p>
          
        <!-- Script to use continue label -->
        <script>
            var val = ["Geeks1", "Geeks2", "Geeks3", "Geeks4"];
            var val1=["Geeks","For","Geeks"]
              
            var print = "";
              
            print += val1[0] + "<br>";
            print += val1[1] + "<br>";
            print += val1[2] + "<br>";
              
            continuelabel: {
                print += val[0] + "<br>"; 
                print += val[1] + "<br>"; 
                continue continuelabel;
                print += val[2] + "<br>"; 
                print += val[3] + "<br>"; 
            }
  
            document.getElementById("GFG").innerHTML = print;
        </script>
    </body>
</html>                    

Output:

Example: This example illustrates without using any label.




<!DOCTYPE html>
<html>
    <head
        <title>
            No label in JavaScript
        </title>
    </head
      
    <body style="text-align:center;">
  
        <div>
            <h1 style="color:green;">
                GeeksForGeeks
            </h1>
              
            <h2>JavaScript No label</h2>
        </div>
          
        <p id="GFG"></p>
          
        <script>
            var val = ["Geeks1", "Geeks2", "Geeks3", "Geeks4"];
            var val1=["Geeks","For","Geeks"]
              
            var print = "";
              
            labelloop:{
                print += val1[0] + "<br>";
                print += val1[1] + "<br>";
                print += val1[2] + "<br>";
            }
              
            print+="<br>";
              
            labelloop1: {
                print += val[0] + "<br>"; 
                print += val[1] + "<br>"; 
                print += val[2] + "<br>"; 
                print += val[3] + "<br>"; 
            }
      
            document.getElementById("GFG").innerHTML
                    = print;
        </script>
    </body>
</html>                    

Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!