Javascript Course


The break and continue can be used in JavaScript with loop instrucxtions: for() and while() to stop or "jump over" loops.


The break statement

The break statement stops the execution of a repetitive instruction.
- Example, a for() loop is stoped with 'break':
<script>
//defined to run till x is 10
for(x=0; x<10; x++){
 document.write('<br> X is '+x);

 //stops completely the loop when x is 3
 if(x==3) break;
} 
</script>
In the same way you can use it with while():
<script>
var x =0;

//defined to run till x is 10
while(x <10){
 document.write('<br> X este '+x);

 //stops completely the loop when x is 3
 if(x==3) break;
 x++;
} 
</script>

The continue statement

The continue statement breaks one iteration (in the loop), if a specified condition occurs, and continues with the next iteration in the loop..
- This example skips the value of 1 and 3:
<script>
//defined to run from 0 to 5
for(x=0; x<5; x++){
 //skips the execution when x is 1 or 3
 if(x ==1 || x ==3) continue;
 document.write('<br> X ise '+x);
} 
</script>
In the same way you can use it with while():
<script>
var x =0;

//defined to run from 0 to 5
while(x <5){
 //skips the execution when x is 1 or 3
 if(x ==1 || x ==3){
 x++; //to increment when it jumps over iteration
 continue;
 }

 document.write('<br> X este '+x);
 x++;
} 
</script>

JS label statements

label statements can be used in JavaScript with 'break' or 'continue'. It labels a group of nested repetitive instructions, allowing control over that group inside the nested instructions.

Syntax:
label_name:
for(...){
 //other instructions with for() or while()
}
- 'label_name' can be any name (except the reserved JavaScript keywords), followed by : and the nested group of for() or while().

Studying the following example, you can better understand how the 'label' it works:
<script>
loopX: //labels the next set of nested instructions
for(var x=0; x<5; x++){
 document.write('<h4>X - '+x+'</h4>');
 for(var y=0; y<3; y++){
 //stops execution of the entire group when x is 2
 if(x ==2) break loopX;

 document.write('<br>Y = '+y);
 }
}
</script>

- Testing the code, you will see that though 'break' is inside the second 'for()', by specifying 'loopX', which is the label of the entire set of nested instructions, it will stops the execution of entire group.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag create a highlighted bolded text?
<q> <strong> <em>
<p>Address: <strong>http://CoursesWeb.net/</strong> - Tutorials.</p>
Which of these CSS codes displays the text bolded?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
What JavaScript function can be used to call another function multiple times, to a specified time interval?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Click on the correctly defined variable in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
break, continue, and label

Last accessed pages

  1. Diamond shape with CSS (4033)
  2. Responses (284)
  3. Detecting events in ActionScript 3 (1303)
  4. Ajax script to Save Canvas Image on Server (6723)
  5. Convert BBCode to HTML and HTML to BBCode with JavaScript (8981)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (384)
  2. SHA1 Encrypt data in JavaScript (292)
  3. PHP Unzipper - Extract Zip, Rar Archives (276)
  4. SHA256 Encrypt hash in JavaScript (264)
  5. Read Excel file data in PHP - PhpExcelReader (245)