Why loop control is required in Javascript - Challenge Your Understanding

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this loop with break?

Consider the following JavaScript code. What will it print to the console?

Javascript

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

A 0 1 2

B 0 1 2 3 4

C 3 4

D 0 1 2 3

💡 Hint

The break statement stops the loop immediately when the condition is met.

The loop starts from 0 and prints each number. When i equals 3, the break stops the loop, so 3 and 4 are not printed.

❓ Predict Output

intermediate

What does continue do in this loop?

Look at this code. What numbers will be printed?

Javascript

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

A 0 1 3 4

B 0 1 2 3 4

C 0 1 2 3

D 2

💡 Hint

The continue statement skips the current loop iteration when the condition is true.

When i is 2, continue skips the console.log for that iteration, so 2 is not printed.

🧠 Conceptual

advanced

Why is loop control important?

Why do we need loop control statements like break and continue in loops?

A To make the loop run forever without stopping.

B To stop or skip parts of the loop based on conditions, preventing infinite loops or unwanted actions.

C To automatically increase the loop counter by 2 each time.

D To print all values without any condition.

💡 Hint

Think about how loops can be controlled to avoid problems or to skip some steps.

Loop control statements help manage how loops run, allowing us to stop early or skip certain steps, which is useful for efficiency and correctness.

❓ Predict Output

advanced

What happens without loop control in this code?

What will happen when this code runs?

Javascript

let i = 0;
while (i < 5) {
  console.log(i);
  // missing i++ here
}

A It prints 0 to 4 and stops.

B It throws a syntax error.

C It prints 0 forever (infinite loop).

D It prints nothing.

💡 Hint

Think about what happens if the loop variable never changes.

Since i never increases, the condition i < 5 is always true, so the loop never ends and keeps printing 0.

❓ Predict Output

expert

What is the output with nested loops and break?

What will this code print to the console?

Javascript

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

A

i=0, j=0
i=0, j=1
i=1, j=0
i=2, j=0

B

i=0, j=0
i=0, j=1
i=1, j=0
i=1, j=1
i=2, j=0
i=2, j=1

C

i=0, j=0
i=0, j=1
i=0, j=2
i=1, j=0
i=1, j=1
i=1, j=2
i=2, j=0
i=2, j=1
i=2, j=2

D

i=0, j=0
i=1, j=0
i=2, j=0

💡 Hint

The break stops the inner loop when j equals 1, so only j=0 prints each time.

For each i, the inner loop runs j from 0 to 2, but breaks when j is 1, so only j=0 is printed per i.

Practice

1. Why do we need loop control statements like break and continue in JavaScript loops?

easy

A. To control when loops stop or skip steps

B. To make loops run forever

C. To create new variables inside loops

D. To print output inside loops

Solution

1. Step 1: Understand loop control purpose

   Loop control statements help manage the flow inside loops, deciding when to stop or skip parts.

2. Step 2: Identify correct use

   break stops the loop early, continue skips to next iteration, both control loop behavior.

3. Final Answer:

   To control when loops stop or skip steps -> Option A

4. Quick Check:

   Loop control = manage loop flow [OK]

Hint: Loop control changes loop flow by stopping or skipping [OK]

Common Mistakes:

• Thinking loops always run fully without control
• Confusing variable creation with loop control
• Believing loop control prints output

2. Which of the following is the correct syntax to stop a loop immediately in JavaScript?

easy

A. break;

B. exit;

C. stop;

D. continue;

Solution

1. Step 1: Recall loop control keywords

   JavaScript uses break to stop loops immediately.

2. Step 2: Check other options

   stop and exit are not valid JavaScript keywords; continue skips to next iteration but does not stop loop.

3. Final Answer:

   break; -> Option A

4. Quick Check:

   Stop loop = break [OK]

Hint: Use 'break' to stop loops immediately [OK]

Common Mistakes:

• Using 'stop' or 'exit' which are invalid in JavaScript
• Confusing 'continue' with 'break'
• Missing semicolon after 'break'

3. What will be the output of this code?

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

medium

A. 1 2 3 4 5

B. 1 2

C. 1 2 4 5

D. 3 4 5

Solution

1. Step 1: Understand the loop and condition

   The loop runs from 1 to 5. When i is 3, continue skips the rest of that iteration.

2. Step 2: Trace output values

   Numbers 1 and 2 print normally. At 3, loop skips printing. Then 4 and 5 print.

3. Final Answer:

   1 2 4 5 -> Option C

4. Quick Check:

   Continue skips 3, so output excludes 3 [OK]

Hint: Continue skips current loop step, so that value is not printed [OK]

Common Mistakes:

• Including 3 in output despite continue
• Thinking continue stops the loop
• Confusing continue with break

4. Find the error in this loop code:

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

medium

A. Variable i should be declared with var

B. Incorrect loop condition

C. Using break inside loop is not allowed

D. Missing semicolon after break statement

Solution

1. Step 1: Check syntax of break statement

   JavaScript requires semicolon after statements; missing semicolon after break causes syntax error.

2. Step 2: Validate other parts

   Loop condition and variable declaration are correct; break is allowed inside loops.

3. Final Answer:

   Missing semicolon after break statement -> Option D

4. Quick Check:

   Semicolon needed after break [OK]

Hint: Always put semicolon after break to avoid syntax errors [OK]

Common Mistakes:

• Ignoring missing semicolon errors
• Thinking break cannot be used in loops
• Confusing var and let declarations

5. You want to print numbers from 1 to 10 but skip multiples of 3 and stop the loop if number reaches 8. Which loop control statements should you use?

hard

A. Use break to skip multiples of 3 and continue to stop at 8

B. Use continue to skip multiples of 3 and break to stop at 8

C. Use only continue for both skipping and stopping

D. No loop control needed, just print all numbers

Solution

1. Step 1: Identify skipping condition

   To skip multiples of 3, use continue to jump to next iteration without printing.

2. Step 2: Identify stopping condition

   To stop loop when number reaches 8, use break to exit loop immediately.

3. Final Answer:

   Use continue to skip multiples of 3 and break to stop at 8 -> Option B

4. Quick Check:

   Skip = continue, stop = break [OK]

Hint: Continue skips steps; break stops loop completely [OK]

Common Mistakes:

• Swapping break and continue roles
• Not using any loop control causing wrong output
• Trying to stop loop with continue