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 renders as emphasized text, displaying the text oblique?
<strong> <pre> <em>
<p>Web development courses: <em>CoursesWeb.net</em></p>
Which CSS property defines the space between the element border and its content?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Click on the method which returns the first element that matches a specified group of selectors.
getElementsByName() querySelector() querySelectorAll()
// gets first Div with class="cls", and shows its content
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicate the PHP variable that contains data from a form sent with method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Break and Continue

Last accessed pages

  1. Particles (391)
  2. Bubbles3 (34586)
  3. Air Hockey (380)
  4. Sport Games (4702)
  5. Adobe Flash Courses ActionScript 3 Tutorials (4528)

Popular pages this month

  1. Bubbles3 (2864)
  2. Butterfly Kyodai (2473)
  3. Zuma Deluxe (1769)
  4. Qwop (1183)
  5. Backgammon (1081)