Introduction and Lesson Overview

Are you ready for another exciting journey? Today's mission involves understanding the break and continue commands. The break command immediately ends a loop regardless of the defined condition, while the continue command bypasses the remaining loop iteration and jumps straight to the next one.

We'll start by mastering these controls using simple for and while loops before delving into the complexity of nested loops.

Commanding Single 'for' Loop Control — The Break Statement

Remember the for loop? Its iteration continues until a condition is met. Let's meet a new friend — break. Once encountered, the loop stops, no matter what!

To understand better, let's think of a treasure hunt, where each box is a loop iteration. Opening a box executes the loop, and finding treasure (break) halts the opening spree. Here's how it works in JavaScript:

See? Even though the loop was intended to go through numbers 0 to 9, due to break at i = 5, the remaining iterations were not executed at all.

Commanding Single 'for' Loop Control — The Continue Statement

The continue command skips the current loop iteration and jumps to the next one. Imagine eating fruits from a basket and deciding to skip an apple. That's exactly what the continue command does. Here's how:

As you can see, the loop traversed all numbers from 0 to 9, but skipped logging for i = 5, due to the continue statement.

Commanding Single 'while' Loop Control — Break and Continue

The break and continue commands also apply to while loops the same way. Let's say we're reading a book but want to skip chapter 5 using continue.

Now, suppose we're scrolling through a photo album, and we want to stop at a particular photo:

Conquering Nested Loops — Break and Continue

Remember Russian nesting dolls? Picture nested boxes with a hidden note inside. The break command helps terminate the nested loop as soon as the note is found:

As you can see, when we found the note for outerDoll = 1, the inner loop didn't continue its execution. However, the loop for outerDoll = 2 executed as usual, as break exited only from the inner loop.

Lesson Summary and Practice

Well done! Today's journey introduced us to the break and continue commands in for and while loops in JavaScript. We learned how to use these commands in single loops and then applied that understanding to nested loops. Up next, we have some practice exercises to help solidify your newfound knowledge. Remember, practice makes perfect. Watch out, Space Coder — we're making great progress!

Sign up
Join the 1M+ learners on CodeSignal
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal