In this post we cover how to continue in a JavaScript forEach loop.
How to continue in a JavaScript forEach loop
In the Array.prototype.forEach method you are unable to use the continue statement because the Array.forEach method requires you to create a function to be passed in as a callback and the continue statement is only valid within the scope of a loop.
Attempting to will likely provide you with the following error: "Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement"
Instead, the equivalent is using a return statement. So to continue in a JavaScript forEach loop you need to use a return statement instead of a continue statement.
Here is a working example using the return statement:
1const myArray = [10, 18, 40, 53];
2
3myArray.forEach((item) => {
4 if (item > 20) return; // Will skip/continue on 40 and 53.
5 console.log(item); // 10, 18
6});And here is an example of the error you would get from attempting with a continue statement:
1const myArray = [10, 40, 53];
2
3myArray.forEach((item) => {
4 if (item > 20) continue;
5 console.log(item);
6});
7
8// Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statementIn summary, to continue in a JavaScript forEach loop you need to use the return statement instead of the continue statement.
Array.prototype.forEach
Array.prototype.forEach or Array.forEach is a method on a Javascript array that will allow you to use a callback function to loop over each item in the array.
It is essentially syntactic sugar for a for loop with a given array, although it is not an exact replacement for a for loop because of things like async code.
The callback will be called for each iteration of the loop with each item passed in as an argument of the callback.
JavaScript
JavaScript is a programming language that is primarily used to help build frontend applications.
It has many uses, such as making network requests, making dynamic or interactive pages, creating business logic and more.
Further resources
Related topics
How to use forEach with an Object in JavaScriptHow to use React Router with an optional path parameterHow to redirect in ReactJSHow to compare two dates in JavaScriptHow to make a loop wait in JavaScriptHow to get postcodes from Google Places and Google Maps with JavaScriptHow to calculate the number of days between two dates in JavaScriptHow to wait for all promises to resolve in JavaScriptHow to trim and remove leading zeros in JavaScriptIs JavaScript forEach async?How to get the index in a forEach loop in JavaScriptHow to sort an array of objects by property value in JavaScriptHow to get the JavaScript forEach key value pairs from an objectHow to get the last segment of a URL in JavaScriptHow to split an array in two in JavaScriptHow to get the selected value in dropdown list using JavaScriptHow to rename a destructured variable in JavaScriptfindIndex vs indexOf in JavaScriptHow to sort an array by date in JavaScriptWhat is the difference between useMemo and useCallback?How to break a JavaScript forEach loopHow to get yesterdays date in JavaScriptHow to initialize an array with values in JavaScriptHow to import and export a module on the same line in JavaScriptHow to get the month name in JavaScriptNullish Coalescing vs OR - JavaScript operators (?? vs ||)What is hydration in React based applications?What do multiple arrow functions mean in JavaScript?What are Expo modules in React Native
Save code?
