Javascript required
Skip to content Skip to sidebar Skip to footer
Home / How to Use if Then to Continue in Javascript

How to Use if Then to Continue in Javascript

Continue-in-JavaScript

Introduction to Continue in JavaScript

The following article provides an outline for Continue in JavaScript. The continue statement ends the execution of the current iteration in the labeled loop. It jumps over an iteration in the loop. Continue statement controls the loop flow. It is used in While Loop, Do While Loop and For Loop. When executing the program, while compiling if the continue statement is present, then the loop stops at the current iteration and begins a new iteration.

Syntax: 

            Continue;

Another method using label reference 

            Continue labelname;

Flow Diagram

Continue in JavaScript Flow diagram

How does Continue Statement work in JScript?

The continue statement jumps over an iteration. If a condition mentioned in the loop occurs, then it breaks the condition and continues with the next iteration. The continue statement without or with reference label will jump only one loop iteration.

When we give specific conditions in for loop, if condition, while and do while loop. The continue statement will skip the condition mentioned in the loop and executes the next iteration.

1. Using For and If Loop

Example 1:

Code: 

            <html> <body> <script type = "text1/jscript"> <!--  document.write("Enter loop!<br /> "); outloop: for (var i = 0; i < 3; i++) { document.write("Outloop: " + i + "<br />"); for (var j = 0; j < 5; j++) { if (j == 3){ continue outloop; } document.write("loop: " + j + "<br />"); } } document.write("Exit the loop!<br /> "); //--> </script> </body> </html>

Output:

continue in javascript 1

Example #2

Code: 

            <!DOCTYPE html> <html> <head> <title> Continue statement </title> </head> <body> <h1> Continue Statement </h1> <script> var j; for(j = 1; j <= 10; j++) { if (j % 2 !== 0) { document.write("<br \ ><b>Odd Numbers</b>= " + j +"(Continue stmt skipped)"); continue; } document.write("<br \ ><b> Even Numbers </b>= " + j); } </script> </body> </html>

Output:

continue statement

In the above example, we have written a program to print only the even number with the help of a continue statement. The above code will ignore the odd numbers using continue statement and prints only the even numbers.

2. Using While Loop Listing Odd Numbers

Code: 

            <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>JavaScript while statement:  Example-1</title> </head> <body> <body> <h1 style="color: red"> while statement</h1> <p id="result">List of odd  numbers </p> <script> var x = 1; var y = 0; var z = 0; document.getElementById("result").innerHTML = "List of odd  : "; while (x <=10 ) { z = x %  2; if (z !== 0) { var newParagraph1 = document.createElement("p"); var newText1 = document.createTextNode(x); newParagraph1.appendChild(newText1); document.body.appendChild(newParagraph1); y=y+x; } x++; } </script> </body> </html>

Output:

While statement

3. Continue Statement in Do While Loop

Code: 

            <!DOCTYPE html> <html <head> <title> continue statement in Loop </title> </head> <body style="text-align:left;"> <div> <h1 style="color:blue;"> </h1> </div> <h3>While Loop</h3> <p id="ghr"></p> <script> var text = ""; var i = 1; while (i < 6) { text += "educba " + i+"<br>"; i++; } document.getElementById("ghr").innerHTML = text; </script> <h3>Continue Do While Loop</h3> <p id="GF1"></p> <script> var text = "" var i = 1; do { text += "educba " + i+"<br>"; i++; } while (i < 6); document.getElementById("GF1").innerHTML = text; </script> </body> </html>

Output:

continue do while

4. Using If condition

Code: 

            <!DOCTYPE html> <html> <head> <title>If condition</title> </head> <body> <p id="continue if condition"></p> <script> var text = ""; var j; for(j = 0; j < 10; j++) { if(j === 5) { continue; } text += + j + "<br>"; } document.getElementById("continue if condition").innerHTML = text; </script> </body> </html>

Output:

if condition

In the above example, we have used a continue statement in if condition. When we execute the program out of 0 to 9, only 5 will be omitted. Rest all the numbers will be printed in the output.

5. JavaScript Continue with label statement

Code: 

            <!DOCTYPE html> <html> <head> <title>Continue Label Statement</title> </head> <body> <p id="continue label statement"></p> <script> for(var j = 1; j < 5; j++){ inner: for (var k = 0; k < 5; k++){ if (k == 2){ document.writeln("skip"); continue inner; } document.writeln("j : " + j + ", k :" + k); } document.writeln(); } </script> </body> </html>

Output:

label statement output

6. Continue statement without condition

Code: 

            <!DOCTYPE html> <html> <!-- Continue Statement--> <head> </head> <body> <table> <tr> <th>Example for continue</th> <th>Resulting value <code>y</code></th> </tr> <tr> <td><code id="Example for continue"></code></td> <td><code id="Results"></code></td> </tr> </table> <script> document.getElementById("Example for continue").innerHTML = 'var j; var x = 0;<br>' + 'for (j=1; j&lt;=4; j++) {<br>' + '&nbsp;&nbsp;if (j===3) { continue }<br>' + '&nbsp;&nbsp;x = x + j;<br>' + '}'; var j; var y = 0; for (j=1; j<=4; j++) { if (j===3) { continue } y = y + i; } document.getElementById("Results").innerHTML = y; </script> </body> </html>

Output:

continue

Here, In the above program, the result is 7.

7. Continue statement with For, If Loop

Code: 

            <!DOCTYPE html> <html> <head> </head> <h1>continue statement for if Loop</h1> <p id="result">Output</p> <p id="result"></p> <body> <p id="continue if condition"></p> <script> var newPara = document.createElement("p"); var newText = document.createTextNode('List of odd numbers'); newPara.appendChild(newText); document.body.appendChild(newPara); var z = 0; var y = 0; for(y=1; y<=10; y++) { if(y%2===0) { continue; } var newPara = document.createElement("p"); var newText1 = document.createTextNode(y); newPara.appendChild(newText1); document.body.appendChild(newPara); } </script> </body> </html>

Output:

If Loop output

Conclusion – Continue in JavaScript

The continue can be used to jump from one condition or iteration to get the desired output. There are multiple ways to use the "continue" statement in a program. We can give certain conditions in the loops and use continue statements to skip those conditions only at a specific time. The continue statement can be used here to make the changes in the output. Imagine, if you want only even numbers to be printed. Then, the continue statement can be used to print only the even numbers from the above program. In each of the iteration, we need to check whether j is odd. If j is odd, we should break the iteration using the "continue" statement. If j is even, then we continue the iteration and pint only even values.

Recommended Articles

This has been a guide to Continue in JavaScript. Here we discuss the syntax, flow diagram and how does Continue Statement work in JavaScript? You may also have a look at the following articles to learn more –

  1. JavaScript Keywords
  2. Continue Statement in C++
  3. Case Statement in JavaScript
  4. Continue in PHP

ashkeelithe.blogspot.com

Source: https://www.educba.com/continue-in-javascript/