CODEWITHSUNDEEP
javascriptloops
Chris Collett
Chris Collett

Reputation: 1279

Continue inside a forEach loop

It is standard practice to continue inside a loop if a certain condition is met/unmet. In a Javascript forEach loop, this produces a syntax error:

const values = [1, 2, 3, 4, 5];
values.forEach((value) => {
    if (value === 3) { continue; }
    console.log(value);
})

SyntaxError[ ... ]: Illegal continue statement: no surrounding iteration statement

This happens whether I use function or an arrow function. How can you continue inside a forEach loop?

Obviously, you could do an inverse case (if (value !== 3) { ... }), but that is not what I'm looking for.

Upvotes: 0

Views: 2246

Answers (3)

Pavel Bondarenko
Pavel Bondarenko

Reputation: 81

in forEach method you can use return, it will work like continue in a loop

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Bad_continue

Upvotes: 3

Shashan Sooriyahetti
Shashan Sooriyahetti

Reputation: 878

As @robertklep stated forEach() is not a loop, it is a function. You cannot use the continue keyword inside a forEach loop because its functionality is meant to loop each item in the array.

To achieve the similar behavior you can use,

  for(let item of values){
     if (item === 3) { 
      continue;
     }
     console.log(item);
  }

Upvotes: 2

pastaleg
pastaleg

Reputation: 1838

For practical purposes, return in a forEach() callback is equivalent to continue in a conventional for loop but it isn't the most idiomatic use of functional programming patterns

To solve that, you can filter before you loop:

const values = [1, 2, 3, 4, 5];
values.filter(v => v !== 3).forEach((value) => {
    console.log(value);
})

Upvotes: 3

Related Questions