Why Continue statement in Javascript? - Purpose & Use Cases

The Big Idea

Discover how a simple word can make your loops skip the boring parts effortlessly!

The Scenario

Imagine you are sorting through a list of tasks, but you want to skip some tasks based on a condition without stopping the whole process.

The Problem

If you try to do this manually, you might write extra code with many nested if-else blocks, making your code long, confusing, and easy to mess up.

The Solution

The continue statement lets you skip the current step in a loop and move on to the next one cleanly, keeping your code simple and easy to read.

Before vs After

✗ Before

for(let i=0; i<10; i++) {
  if(i % 2 === 0) {
    // do nothing
  } else {
    console.log(i);
  }
}

✓ After

for(let i=0; i<10; i++) {
  if(i % 2 === 0) continue;
  console.log(i);
}

What It Enables

You can easily skip unwanted steps in loops, making your programs cleaner and faster to write.

Real Life Example

When processing a list of orders, you can skip canceled orders quickly without extra checks, focusing only on valid ones.

Key Takeaways

The continue statement skips the current loop step.

It helps avoid deep nesting and messy code.

It makes loops easier to read and maintain.

Practice

1. What does the continue statement do inside a loop in JavaScript?

easy

A. It skips the rest of the current loop iteration and moves to the next iteration.

B. It stops the entire loop immediately.

C. It restarts the whole program from the beginning.

D. It pauses the loop until a condition is met.

Solution

1. Step 1: Understand the role of continue in loops

   The continue statement skips the remaining code inside the current loop iteration.

2. Step 2: Identify what happens after continue

   After skipping, the loop moves directly to the next iteration without stopping the whole loop.

3. Final Answer:

   It skips the rest of the current loop iteration and moves to the next iteration. -> Option A

4. Quick Check:

   continue skips current step [OK]

Hint: Remember: continue skips current step, break stops loop [OK]

Common Mistakes:

• Confusing continue with break
• Thinking continue stops the loop
• Believing continue restarts the program

2. Which of the following is the correct syntax to use continue inside a for loop in JavaScript?

easy

A. continue[];

B. continue;

C. continue loop;

D. continue()

Solution

1. Step 1: Recall the syntax of continue

   The continue statement is used alone followed by a semicolon.

2. Step 2: Check each option for syntax correctness

   continue; uses continue; which is correct. Options A, B, and C use invalid syntax.

3. Final Answer:

   continue; -> Option B

4. Quick Check:

   Correct syntax is continue; [OK]

Hint: Use continue as a statement, no parentheses or brackets [OK]

Common Mistakes:

• Adding parentheses after continue
• Using continue with labels incorrectly
• Adding brackets or other symbols

3. What will be the output of the following code?

for (let i = 1; i <= 5; i++) {
  if (i === 3) continue;
  console.log(i);
}

medium

A. 1 2 3 4 5

B. 3 4 5

C. 1 2 4 5

D. 1 2

Solution

1. Step 1: Analyze the loop and condition

   The loop runs from 1 to 5. When i is 3, continue skips the console.log.

2. Step 2: Determine which numbers are printed

   Numbers 1, 2, 4, and 5 are printed. Number 3 is skipped.

3. Final Answer:

   1 2 4 5 -> Option C

4. Quick Check:

   continue skips 3, prints others [OK]

Hint: Skip printing when continue runs, others print [OK]

Common Mistakes:

• Including the skipped number in output
• Confusing continue with break
• Ignoring the condition inside the loop

4. Find the error in this code snippet:

for (let i = 0; i < 5; i++) {
  if (i = 2) continue;
  console.log(i);
}

medium

A. The assignment operator (=) is used instead of comparison (===) in the if condition.

B. continue cannot be used inside for loops.

C. console.log should be before the if statement.

D. The loop condition should be i <= 5.

Solution

1. Step 1: Identify the if condition mistake

   The condition uses i = 2 which assigns 2 to i instead of comparing.

2. Step 2: Understand the effect of assignment in if

   Assignment returns 2 (truthy), so continue runs every time, causing an infinite loop or skipping all logs.

3. Final Answer:

   The assignment operator (=) is used instead of comparison (===) in the if condition. -> Option A

4. Quick Check:

   Use === for comparison, not = [OK]

Hint: Use === for comparison inside if, not = [OK]

Common Mistakes:

• Using = instead of === in conditions
• Thinking continue is invalid in for loops
• Misplacing console.log inside loop

5. You want to print all numbers from 1 to 10 except multiples of 3 using a for loop and continue. Which code correctly achieves this?

hard

A. for(let i=1; i<=10; i++) { if(i % 3 === 0) return; console.log(i); }

B. for(let i=1; i<=10; i++) { if(i % 3 !== 0) continue; console.log(i); }

C. for(let i=1; i<=10; i++) { if(i % 3 === 0) break; console.log(i); }

D. for(let i=1; i<=10; i++) { if(i % 3 === 0) continue; console.log(i); }

Solution

1. Step 1: Understand the goal

   We want to skip printing numbers divisible by 3, so use continue when i % 3 === 0.

2. Step 2: Check each option

   for(let i=1; i<=10; i++) { if(i % 3 === 0) continue; console.log(i); } correctly skips multiples of 3 and prints others. for(let i=1; i<=10; i++) { if(i % 3 !== 0) continue; console.log(i); } skips non-multiples, wrong. for(let i=1; i<=10; i++) { if(i % 3 === 0) break; console.log(i); } uses break, stops loop early. for(let i=1; i<=10; i++) { if(i % 3 === 0) return; console.log(i); } uses return, invalid in this context.

3. Final Answer:

   for(let i=1; i<=10; i++) { if(i % 3 === 0) continue; console.log(i); } -> Option D

4. Quick Check:

   continue skips multiples of 3, prints rest [OK]

Hint: Use continue to skip unwanted cases inside loop [OK]

Common Mistakes:

• Using break instead of continue
• Reversing the condition logic
• Using return inside loops incorrectly