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 HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
break, continue, and label

Last accessed pages

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (57483)
  2. PHP Unzipper - Extract Zip, Rar Archives (12461)
  3. Draw arrow markers between clicks coords in Canvas (2009)
  4. Countdown Timer with starting time added into a form (9439)
  5. Introduction to ActionScript 3 (2776)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (522)
  2. PHP Unzipper - Extract Zip, Rar Archives (425)
  3. SHA256 Encrypt hash in JavaScript (403)
  4. Read Excel file data in PHP - PhpExcelReader (360)
  5. Create simple Website with PHP (335)