Break

break is an instruction that allows you to stop processing a loop (or "switch" conditional).
If you want to end a loop before its condition is false, you can use the break instruction after a conditional "if()".

Example:
var total:int = 1;

// create a for() loop
for(var i:int=0; i<4; i++)
{
  total *= 2;
  if(total==8) break;         // ends completely this loop
  trace('i='+ i+ ' - total='+ total);
}

// Output:  i=0 - total=2  i=1 - total=4
When the conditional "if(total==8)" returns true, the code after the "break" will not be executed at all, and the execution of this "for()" loop ends.
The Output panel displays:
i=0 - total=2
i=1 - total=4
- The condition (i<4) is still true, becouse the value of "i" is 1, but the "break;" instruction ends completely this loop.

Continue

The continue instruction skips the remaining statements in the current loop and begins the next iteration at the top of the loop.
The difference between "break" and "continue" is that the "break" statement ends completely the loop, while "continue" ends the current iteration only, and lets the loop to continue with the next iteration.

Example:
var total:int = 1;

// create a for() loop
for(var i:int=0; i<4; i++)
{
  total *= 2;

  // skip other actions in the current iteration when total==4 or total==8
  if(total==4 || total==8) continue;

  trace('i='+ i+ ' - total='+ total);
}
The Output is:
i=0 - total=2
i=3 - total=16
- Notice that when the value of "total" is 4 or 8, the trace() statement after the "continue" instruction is not executed, but the for() loop continue with the next iterations until its condition is false.

"break and "continue" can be used with any loop statement: while(), do..while, for(), for..in, for each..in.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Break and Continue

Last accessed pages

  1. Add and Remove HTML elements and Content with jQuery (17347)
  2. CSS cursor property - Custom Cursors (3102)
  3. Remove / Get duplicate array values - Reset array keys in PHP (5853)
  4. Add Tag to Selected Text in textarea with JavaScript (751)
  5. Add, Change, and Remove Attributes with jQuery (22007)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (45592)
  2. Read Excel file data in PHP - PhpExcelReader (34306)
  3. PHP-MySQL free course, online tutorials PHP MySQL code (34225)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (30806)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (28062)