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
What attribute makes a radio button or checkbox input selected?
checked="checked" selected="selected" disabled="disabled"
<input type="checkbox" name="a_name" value="value" checked="checked" />
What CSS value scales the background image to the largest size contained within the element?
repeat-x contain linear-gradient
#id {
  background:url("path_to_image.png");
  background-size:contain;
  background-repeat:no-repeat;
}
What operator is used to determine the rest of the division of two numbers?
% * /
var rest8_7 = 8 % 7;
alert(rest8_7);
Indicate the PHP function that rounds a number up to the next highest integer.
floor() ceil() abs()
$nr = ceil(3.5);
echo $nr;        // 4
break, continue, and label

Last accessed pages

  1. Animation of HTML elements with CSS (200)
  2. Convert XML to JSON in PHP (9772)
  3. Date and Time in ActionScript 3 (8568)
  4. TV-Screen shape with CSS (2550)
  5. $_GET, $_POST and $_REQUEST Variables (29917)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (62)
  2. JavaScript Course - Free lessons (43)
  3. Read Excel file data in PHP - PhpExcelReader (43)
  4. PHP-MySQL free course, online tutorials PHP MySQL code (38)
  5. HTML Course - Free Lessons (37)