Break and Continue – Darshan Limbani Portfolio

👨‍🏫 Understand the Basics

1. What is the purpose of the `break` statement in JavaScript?

The break statement immediately stops the loop or switch where it is used.
It exits the control structure before it finishes naturally.

📌 Think of it as “I want to get out of this loop right now.”

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    break;
  }
  console.log(i);  // Output: 1, 2
}

➡️ As soon as i === 3, the loop stops completely. Nothing runs after that.

2. What is the purpose of the `continue` statement?

The continue statement skips the current iteration and moves to the next one in the loop.

📌 Think of it as “Skip this round and continue with the next.”

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue;
  }
  console.log(i);  // Output: 1, 2, 4, 5
}

➡️ When i === 3, console.log(i) is skipped, but the loop keeps running.

3. In which control structures can `break` and `continue` be used?

Statement	Can use `break`	Can use `continue`
`for` loop	✅ Yes	✅ Yes
`while` loop	✅ Yes	✅ Yes
`do...while`	✅ Yes	✅ Yes
`switch` case	✅ Yes	❌ No
`if` block	❌ No	❌ No

➡️ break works in both loops and switch
➡️ continue only works inside loops

4. What happens to the loop when I use `break`?

The loop ends immediately
Code after the break is not executed
Control moves outside the loop

Example:

let i = 0;
while (i < 5) {
  if (i === 2) {
    break;
  }
  console.log(i);  // Output: 0, 1
  i++;
}

5. What happens when I use `continue`?

The loop skips the current iteration
Code after continue is ignored for that iteration
Control jumps to the next round of the loop

Example:

let i = 0;
while (i < 5) {
  i++;
  if (i === 3) {
    continue;
  }
  console.log(i);  // Output: 1, 2, 4, 5
}

🔁 Try in a for loop

✅ 1. How does `break` behave in a `for` loop?

In a for loop, break immediately exits the entire loop, even if the loop condition is still true.

🧠 Example:

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

📤 Output:

1
2

➡️ When i becomes 3, the break runs and the loop stops completely.

2. How does `continue` behave in a `for` loop?

In a for loop, continue skips the current iteration and moves to the next one.

🧠 Example:

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

📤 Output:

➡️ When i is 3, the loop skips console.log(i), but continues with 4 and 5.

3. Can I use `break` and `continue` inside an `if` statement inside a `for` loop?

Yes, absolutely.
That’s the most common way we use them — with if conditions inside loops.

🧠 Example using both:

for (let i = 1; i <= 5; i++) {
  if (i === 2) {
    continue;  // Skip when i is 2
  }
  if (i === 4) {
    break;     // Stop when i is 4
  }
  console.log(i);
}

📤 Output:

1
3

➡️ Here’s what happens:

i = 1 → printed
i = 2 → skipped
i = 3 → printed
i = 4 → loop stopped

✅ Summary Table:

`for` Loop Value	Action	Output
1	print	1
2	continue	—
3	print	3
4	break	— (loop ends)

🔁 Try in `while` and `do...while`

1. How does `break` behave in a `while` loop?

Just like in a for loop, break in a while loop immediately exits the loop, no matter what the condition says.

🧠 Example:

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

📤 Output:

1
2

➡️ When i === 3, the break runs. The loop stops even though the condition i <= 5 is still true.

2. How does `continue` behave in a `while` loop?

continue skips the rest of the current iteration and goes back to check the condition again.

🧠 Example:

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

📤 Output:

➡️ When i === 3, console.log(i) is skipped, and the loop moves to i = 4.

❗ Be careful:
You must increment i before the continue — or else it may create an infinite loop.

3. Does the `do...while` loop behave differently with `break` and `continue`?

The do...while loop behaves mostly the same as while, but:

🔹 It runs at least once, even if the condition is false
🔹 break and continue still work as expected

🧠 Example with break:

let i = 1;
do {
  if (i === 3) {
    break;
  }
  console.log(i);
  i++;
} while (i <= 5);

📤 Output:

1
2

➡️ Stops when i === 3.

🧠 Example with continue:

let i = 0;
do {
  i++;
  if (i === 3) {
    continue;
  }
  console.log(i);
} while (i < 5);

📤 Output:

➡️ When i === 3, it skips printing, then goes to the next iteration.

Summary:

Loop Type	`break` works?	`continue` works?	Key Note
`while`	✅ Yes	✅ Yes	Always check loop condition first
`do...while`	✅ Yes	✅ Yes	Runs at least once

🧠 Real-World Scenarios

1. When should I use `break` in real-life coding situations?

You should use break when you want to stop a loop early — usually when a specific condition is met, and there’s no need to continue looping.

💡 Real-life Examples:

Searching for a value in an array:

let products = ['pen', 'pencil', 'eraser', 'book'];
let searchItem = 'eraser';

for (let i = 0; i < products.length; i++) {
  if (products[i] === searchItem) {
    console.log('Item found at index:', i);
    break; // No need to continue after finding
  }
}

Input validation: Stop taking input as soon as an invalid value appears.

2. When is `continue` more useful than `break`?

Use continue when you want to skip certain values, but still keep running the loop for others.

💡 Real-life Examples:

Skipping odd numbers and printing only even ones:

for (let i = 1; i <= 10; i++) {
  if (i % 2 !== 0) {
    continue; // Skip odd numbers
  }
  console.log(i); // Prints even numbers only
}

Filtering bad data in a list (like null or undefined):

let scores = [90, null, 78, undefined, 100];

for (let i = 0; i < scores.length; i++) {
  if (scores[i] == null) {
    continue; // Skip bad entries
  }
  console.log('Valid score:', scores[i]);
}

3. Can I write a loop without `break` or `continue` and still get the same result?

Yes, in most cases, you can re-write your logic using if/else, but it may be less clean or less efficient.

Without `break`:

let products = ['pen', 'eraser', 'book'];
let found = false;

for (let i = 0; i < products.length; i++) {
  if (!found && products[i] === 'eraser') {
    console.log('Found!');
    found = true;
  }
}

Without `continue`:

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

🤔 So why use `break` and `continue`?

Because they:

Make your code shorter
Avoid unnecessary checks or iterations
Help make intent clear (like: “stop when found” or “skip bad data”)

🔑 Final Tip:

Use them when they make your code cleaner and more readable.
But if they confuse the logic or make bugs more likely — avoid overusing.

⚠️ Edge Cases & Pitfalls

✅ 1. What happens if I use `break` outside of a loop or switch?

You get a SyntaxError ❌

break; // ❌ Error: Illegal break statement

🔍 Why?
break only works inside:

for, while, do...while loops
switch statements
Or labeled blocks (advanced)

2. Can I use a `label` with `break` or `continue` to break out of nested loops?

Yes ✅

JavaScript allows labeled blocks, which let you break or continue outer loops.

💡 Example — break from outer loop:

outerLoop:
for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (j === 2) {
      break outerLoop;
    }
    console.log(`i=${i}, j=${j}`);
  }
}

📤 Output:

i=1, j=1

➡️ It exited both loops because of the labeled break.

💡 `continue` with labels:

outerLoop:
for (let i = 1; i <= 3; i++) {
  for (let j = 1; j <= 3; j++) {
    if (j === 2) {
      continue outerLoop;
    }
    console.log(`i=${i}, j=${j}`);
  }
}

📤 Output:

i=1, j=1
i=2, j=1
i=3, j=1

➡️ It skips the inner loop and jumps to the next outer loop iteration.

⚠️ Labels are rare. Use them only when necessary, as they make code harder to read.

3. What’s the difference between `break` and `return` inside a loop?

Keyword	Stops just the loop?	Stops the entire function?
`break`	✅ Yes	❌ No
`return`	✅ Yes	✅ Yes (and returns a value)

🔍 Example with `break`:

function findFirstEven(numbers) {
  for (let num of numbers) {
    if (num % 2 === 0) {
      console.log("Even found!");
      break; // Loop ends, function continues
    }
  }
  console.log("Function still running...");
}

🔍 Example with `return`:

function findFirstEven(numbers) {
  for (let num of numbers) {
    if (num % 2 === 0) {
      return "Even found"; // Entire function exits
    }
  }
  return "No even number";
}

4. Can I accidentally skip important code by using `continue` the wrong way?

Yes. That’s a common beginner mistake.
If you use continue before important logic, that code will be skipped.

❌ Bad Example:

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue;
  }
  let doubled = i * 2; // This line is skipped for i = 3
  console.log(doubled);
}

📤 Output:

➡️ 6 is missing because it was skipped at i === 3.

🔑 Final Tips:

Pitfall	How to Avoid
`break` outside loop/switch	❌ Not allowed
Skipping logic with `continue`	✅ Place `continue` after important code if needed
Confusing `return` vs `break`	Use `return` to exit function, `break` to exit loop
Overusing labels	Avoid unless you really need to jump out of nested loops

Practice Challenges

How would I write a loop that stops when a number is divisible by 7 using break?
How can I skip even numbers in a loop using continue?
Can I use both break and continue in the same loop?
How do nested loops react to break and continue?

Thank You!

👨‍🏫 Understand the Basics

1. What is the purpose of the break statement in JavaScript?

2. What is the purpose of the continue statement?

3. In which control structures can break and continue be used?

4. What happens to the loop when I use break?

5. What happens when I use continue?

🔁 Try in a for loop

✅ 1. How does break behave in a for loop?

2. How does continue behave in a for loop?

3. Can I use break and continue inside an if statement inside a for loop?

🔁 Try in while and do...while

1. How does break behave in a while loop?

2. How does continue behave in a while loop?

3. Does the do...while loop behave differently with break and continue?

Summary:

🧠 Real-World Scenarios

1. When should I use break in real-life coding situations?

💡 Real-life Examples:

2. When is continue more useful than break?

💡 Real-life Examples:

3. Can I write a loop without break or continue and still get the same result?

Without break:

Without continue:

🤔 So why use break and continue?

🔑 Final Tip:

⚠️ Edge Cases & Pitfalls

✅ 1. What happens if I use break outside of a loop or switch?

2. Can I use a label with break or continue to break out of nested loops?

💡 Example — break from outer loop:

💡 continue with labels:

3. What’s the difference between break and return inside a loop?

🔍 Example with break:

🔍 Example with return:

4. Can I accidentally skip important code by using continue the wrong way?

❌ Bad Example:

🔑 Final Tips:

Practice Challenges

Leave a Comment Cancel Reply

1. What is the purpose of the `break` statement in JavaScript?

2. What is the purpose of the `continue` statement?

3. In which control structures can `break` and `continue` be used?

4. What happens to the loop when I use `break`?

5. What happens when I use `continue`?

✅ 1. How does `break` behave in a `for` loop?

2. How does `continue` behave in a `for` loop?

3. Can I use `break` and `continue` inside an `if` statement inside a `for` loop?

🔁 Try in `while` and `do...while`

1. How does `break` behave in a `while` loop?

2. How does `continue` behave in a `while` loop?

3. Does the `do...while` loop behave differently with `break` and `continue`?

1. When should I use `break` in real-life coding situations?

2. When is `continue` more useful than `break`?

3. Can I write a loop without `break` or `continue` and still get the same result?

Without `break`:

Without `continue`:

🤔 So why use `break` and `continue`?

✅ 1. What happens if I use `break` outside of a loop or switch?

2. Can I use a `label` with `break` or `continue` to break out of nested loops?

💡 `continue` with labels:

3. What’s the difference between `break` and `return` inside a loop?

🔍 Example with `break`:

🔍 Example with `return`:

4. Can I accidentally skip important code by using `continue` the wrong way?