Previous chapter (JavaScript Language - Switch)Next chapter (JavaScript Language - Events)

JavaScript Loop with break and continue

Javascript provides us the facility to break a loop in middle and also to continue the loop without executing the whole body of the loop.There are two keywords that provides these facilities: 1) break 2) continue

Other examples in Loop (JavaScript Language)

Result from the Online TryIt-Editor

<!doctype html>
<html>
<head>
    <title>HtmlNest.com live html example</title>
    <script type="text/javascript">
        function break_statement() {
            var i = 0;
            for (i = 0; i <= 20; i++) {
                if (i == 5) {
                    break;
                }

}
            document.getElementById("break").innerHTML = "The loop is broken after executing " + i + " times.";
        }
        function continue_statement() {
            var i = 0

for (i = 0; i <= 20; i++) {
                if (i == 19) {
                    continue;
                }
                document.getElementById("continue").innerHTML = "This part is executed only once.";
            }

}
    </script>
</head>
<body>
    <br />
    <input type="button" value="Click me for break statement" onclick="break_statement()" />
    <br />
    <br />
    <div id="break">
    </div>
    <input type="button" value="Click me for continue statement" onclick="continue_statement()" />
    <br />
     <br />
    <div id="continue">
    </div>
</body>
</html>

^1.0

^1.0

^1.0

^3.0

^4.0

JavaScript Loop with break and continue

Useful Information