Lesson 12 of 20

5 mins read

Loop Control (Break & Continue)

In Plain English

The break statement immediately terminates loop execution and transfers control out of the loop. The continue statement skips the remainder of the current iteration and jumps directly to the next step.

The Mental Model

"continue is like skipping a song you dislike on a playlist and moving to the next track. break is pressing the stop button to turn off the music player completely."

Deep Dive: How It Works

break: Exits the nearest enclosing loop immediately.

continue: Bypasses remaining code inside the loop body for the current element and advances to the update expression.

Labeled Statements: You can label loops to break out of outer nested loops when needed.

Syntax Blueprint

if (skip) continue; ──▶ Next turn | if (done) break; ──▶ Exit loop

Use continue to skip unwanted items and break when search target is discovered.

Core Rules to Remember

continue: Skips the rest of current turn and proceeds to the next.

break: Completely stops and exits the loop.

Efficiency: Stops unnecessary CPU cycles once a target is found.

Common Beginner Traps & How to Fix Them

Mistake:Putting continue before the counter increment in a while loop.

Why it happens: Skipping the update step in a while loop traps you in an infinite loop.

How to fix: In while loops, ensure the counter increments before calling continue.

Pro Tip: Using continue to filter out invalid items early reduces indentation and makes loop logic cleaner.

Live Interactive Example

Hit Run Code to see it live

Filtering and Early Termination

JavaScript ES2024

Output Console

Click "Run Code" to view the rendered output.

How it works: continue skips 2,4,6,8 while break terminates the loop after 7.

Your Turn: Micro Challenge

No pressure! Edit the starter code below and test your solution with instant feedback.

Micro Exercise

Find first matching element and break

Loop through numbers 1 to 10.
If i === 5, print "Found target: 5" and break.

Sandbox Output

Click "Run & Check" to test your solution.

Finished reading and practicing?

Mark this lesson as completed to update your course progress.