Return inside loops in Javascript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What happens when a return statement is executed inside a loop in a function?

The function immediately stops running and returns the specified value. The loop and the rest of the function do not continue.

intermediate

Can a return statement inside a loop return different values on different iterations?

Yes, if the return depends on a condition inside the loop, it can return different values depending on which iteration triggers it first.

beginner

What is the difference between return inside a loop and continue inside a loop?

return stops the entire function and returns a value. continue skips the current loop iteration and moves to the next one without stopping the function.

beginner

Consider this code snippet:<br><pre>function findFirstEven(arr) {
  for (let num of arr) {
    if (num % 2 === 0) {
      return num;
    }
  }
  return null;
}</pre><br>What does this function do?

It loops through the array and returns the first even number it finds. If no even number is found, it returns null.

beginner

Is it possible for code after a return inside a loop to run?

No. Once return runs, the function ends immediately. Any code after it inside the loop or function will not run.

What happens when a return statement is executed inside a loop in a function?

A Nothing, the return is ignored inside loops.

B The loop skips to the next iteration.

C The loop finishes all iterations before returning.

D The function stops and returns the value immediately.

The return statement immediately ends the function and returns the value, even if inside a loop.

If a return is inside a loop, can the loop continue after the return?

A No, the function ends immediately.

B Yes, the loop continues normally.

C Only if the return is inside an <code>if</code> statement.

D Only in asynchronous functions.

When return runs, the whole function stops immediately, so the loop cannot continue.

What is the difference between return and continue inside a loop?

A Both end the function immediately.

B <code>return</code> skips iteration; <code>continue</code> ends function.

C <code>return</code> ends the function; <code>continue</code> skips to next loop iteration.

D Both skip to the next iteration.

return stops the function and returns a value. continue skips the current loop iteration and continues looping.

In this code, what will be the output?

function test() {
  for (let i = 0; i < 5; i++) {
    if (i === 2) return i;
  }
  return -1;
}
console.log(test());

A 0

B 2

C -1

D 5

The function returns 2 when i === 2 and stops immediately.

If no return is executed inside a loop, what happens after the loop ends?

A The function continues running any code after the loop.

B The function ends automatically.

C The loop runs again infinitely.

D The function returns <code>undefined</code> immediately.

If no return happens inside the loop, the function continues running code after the loop normally.

Explain what happens when a return statement is used inside a loop in a JavaScript function.

Think about how <code>return</code> affects function flow.

Describe a real-life example where returning inside a loop is useful in programming.

Imagine looking for something in a list and stopping once found.

Practice

1. What happens when you use return inside a loop in a JavaScript function?

easy

A. The function stops immediately and returns the specified value.

B. Only the current loop iteration stops, but the function continues.

C. The loop skips the current iteration and continues with the next one.

D. The loop runs to completion before the function returns.

Solution

1. Step 1: Understand the role of return in functions

   The return statement immediately exits the entire function and sends back a value.

2. Step 2: Analyze return inside a loop

   When return is inside a loop, it does not just stop the loop but stops the whole function immediately.

3. Final Answer:

   The function stops immediately and returns the specified value. -> Option A

4. Quick Check:

   Return exits function, not just loop [OK]

Hint: Return inside loop exits whole function immediately [OK]

Common Mistakes:

• Thinking return only stops the loop
• Confusing return with continue or break
• Assuming function runs after return

2. Which of the following is the correct syntax to return a value inside a for loop in a JavaScript function?

easy

A. for(let i=0; i<5 i++) return i;

B. return for(let i=0; i<5; i++) { i; }

C. for(let i=0; i<5; i++) { return i; }

D. for(let i=0; i<5; i++) { i return; }

Solution

1. Step 1: Check valid return placement

   Return must be inside the loop block with correct syntax: return value;.

2. Step 2: Analyze each option

   for(let i=0; i<5 i++) return i; has a syntax error (missing semicolon after i<5). for(let i=0; i<5; i++) { return i; } correctly places return i; inside the loop block. return for(let i=0; i<5; i++) { i; } and for(let i=0; i<5; i++) { i return; } have invalid syntax.

3. Final Answer:

   for(let i=0; i<5; i++) { return i; } -> Option C

4. Quick Check:

   Return inside braces is correct syntax [OK]

Hint: Return must be inside loop braces with value [OK]

Common Mistakes:

• Placing return before for loop
• Missing semicolon after return
• Incorrect order of return and loop

3. What is the output of this code?

function findFirstEven(arr) {
  for (let num of arr) {
    if (num % 2 === 0) {
      return num;
    }
  }
  return null;
}
console.log(findFirstEven([1, 3, 5, 6, 8]));

medium

A. 6

B. 3

C. null

D. 1

Solution

1. Step 1: Loop through array elements

   The function checks each number in the array: 1, 3, 5, 6, 8.

2. Step 2: Return first even number found

   Numbers 1, 3, 5 are odd, so loop continues. At 6, condition num % 2 === 0 is true, so function returns 6 immediately.

3. Final Answer:

   6 -> Option A

4. Quick Check:

   First even number returned is 6 [OK]

Hint: Return stops at first even number found [OK]

Common Mistakes:

• Returning first number instead of first even
• Ignoring return stops function
• Assuming loop checks all elements

4. Find the error in this function that tries to return the first negative number from an array:

function firstNegative(arr) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] < 0) {
      break arr[i];
    }
  }
  return null;
}

medium

A. The loop condition should be i <= arr.length.

B. The loop should use return instead of break.

C. The function should return arr[i] after the loop.

D. Using break with a value is invalid syntax.

Solution

1. Step 1: Understand break statement usage

   In JavaScript, break cannot have a value; it only exits the loop.

2. Step 2: Identify correct way to return value

   To return a value and stop the function, use return arr[i]; inside the loop.

3. Final Answer:

   Using break with a value is invalid syntax. -> Option D

4. Quick Check:

   Break cannot return a value [OK]

Hint: Use return, not break, to exit function with value [OK]

Common Mistakes:

• Using break with a value
• Returning after loop instead of inside
• Incorrect loop boundary conditions

5. You want to write a function that returns the first string longer than 5 characters from an array. Which code correctly uses return inside a loop to do this?

hard

A. function findLong(arr) {
for (const str of arr) {
if (str.length > 5) {
break str;
}
}
return null;
}

B. function findLong(arr) {
for (const str of arr) {
if (str.length > 5) {
return str;
}
}
return null;
}

C. function findLong(arr) {
for (const str of arr) {
if (str.length > 5) {
continue str;
}
}
return null;
}

D. function findLong(arr) {
for (const str of arr) {
if (str.length > 5) {
return;
}
}
return null;
}

Solution

1. Step 1: Check correct use of return inside loop

   function findLong(arr) { for (const str of arr) { if (str.length > 5) { return str; } } return null; } returns the string immediately when condition is met, stopping the function.

2. Step 2: Analyze other options for errors

   function findLong(arr) { for (const str of arr) { if (str.length > 5) { break str; } } return null; } uses invalid break with value. function findLong(arr) { for (const str of arr) { if (str.length > 5) { continue str; } } return null; } uses invalid continue with value. function findLong(arr) { for (const str of arr) { if (str.length > 5) { return; } } return null; } returns undefined instead of the string.

3. Final Answer:

   function findLong(arr) { for (const str of arr) { if (str.length > 5) { return str; } } return null; } -> Option B

4. Quick Check:

   Return with value inside loop stops function correctly [OK]

Hint: Return the value inside loop to stop function early [OK]

Common Mistakes:

• Using break or continue with values
• Returning without value
• Returning after loop instead of inside