JS Tutorial
JS Version
JS Objects
JS Function
JS Classes
JS Async
JS HTML DOM
JS Browser BOM
JS Web API
JS AJAX
JS JSON
JS vs JQUERY
JS Graphics
JavaScript Break and Continue
The break statement “jumps out” of a loop.
The continue statement “jumps over” one iteration in the loop.
The Break Statement
The break statement was used to “jump out” of a switch() statement.
It can be used to jump out of a loop:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Loops</h2>
<p>A loop with a <b>break</b> statement.</p>
<p id=”demo”></p>
<script>
let text = “”;
for (let i = 0; i < 10; i++) {
if (i === 3) { break; }
text += “The number is ” + i + “<br>”;
}
document.getElementById(“demo”).innerHTML = text;
</script>
</body>
</html>
Output
JavaScript Loops
A loop with a break statement.
In the above example, the break statement ends the loop (“breaks” the loop) when the loop counter (i) is 3.
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 escapes the value of 3:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Loops</h2>
<p>A loop with a <b>continue</b> statement.</p>
<p>A loop which will skip the step where i = 3.</p>
<p id=”demo”></p>
<script>
let text = “”;
for (let i = 0; i < 10; i++) {
if (i === 3) { continue; }
text += “The number is ” + i + “<br>”;
}
document.getElementById(“demo”).innerHTML = text;
</script>
</body>
</html>
Output
JavaScript Loops
A loop with a continue statement.
A loop which will skip the step where i = 3.
The number is 0The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
JavaScript Labels
To label the JavaScript statements ,precede the statements with a label name and a colon:
label:
statements
The break and the continue statements are the only JavaScript statements that can “jump out of” a code block.
Syntax:
break labelname;
continue labelname;
The continue statement (with or without a label reference) can be used to skip one loop iteration.
The break statement, having no label reference, can only be used to jump out of a loop or a switch.
With a label reference, the break statement can be used to jump out of any code block:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript break</h2>
<p id=”demo”></p>
<script>
const cars = [“BMW”, “Volvo”, “Saab”, “Ford”];
let text = “”;
list: {
text += cars[0] + “<br>”;
text += cars[1] + “<br>”;
break list;
text += cars[2] + “<br>”;
text += cars[3] + “<br>”;
}
document.getElementById(“demo”).innerHTML = text;
</script
</body>
</html>
Output
JavaScript break
BMWVolvo