How to stop forEach() method in JavaScript ?

How to stop forEach() method in JavaScript ?

Last Updated : 13 Jan, 2023

Stopping a forEach() loop seems almost like an impossible task but here are a few tricks by which we might do it.

Sample example using forEach():

var sum = 0;
var number = [90, 4, 22, 48];
number.forEach(myFunction);

function myFunction(item) {
    sum += item;
}
console.log(sum);

Tricks to stop forEach() loop:

Method 1:The following method demonstrates using a try-catch block. The following code demonstrates surrounding the thing with a try-catch block and throwing an exception when forEach loop break.

Example: This example uses the above-approach.

JavaScript

var animals=["pig", "lion", "boar", "rabbit"];

try {
    animals.forEach(myFunction);

    function myFunction(item) {

        // Condition for breaking the loop
        if(item.localeCompare("boar") == 0) 

        /* skips rest of the statements in the
        function and goes to the catch block */
        throw new Exception("Time to end the loop"); 
        console.log(item);
    }
}
catch(e) {
    console.log("Loop has ended");
}

Output:

pig
lion
Loop has ended

Method 2: This method does not actually break from the forEach() loop but thinks of it as a continuous statement against all other elements i.e. it skips all other elements after the element that satisfies the given condition.

Example: This example shows the use of the above-approach.

JavaScript

var ary = [90, 87, 45, 99];

ary.forEach(function loop(item) {

    // This statement acts like a continue
    // statement for the remaining elements
    // when the condition is satisfied
    if(loop.stop){ return;} 

    // Prints the element to the console
    console.log(item);
    
    // This statement acts like a condition
    // and prevents the execution of the
     // loop for the remaining elements
    if(item == 87) { 
        loop.stop = true; 
    } 
});

Output:

90
87

How to stop forEach() method in JavaScript ?

coder_srinivas

Improve

Article Tags :

Similar Reads

JavaScript Set forEach() Method

The set.forEach() method is used to execute the function which is taken as a parameter and applied for each value in the set, in insertion order.Syntax:forEach(function(value, key, set) { /* ... */ }, thisArg)Parameters:Callback function: The function will be executed for each value and it takes thr

How to Set Time Delay in JavaScript?

Delaying the execution of code is a fundamental technique that is commonly used in JavaScript for tasks like animations, API polling, or managing time intervals between actions. JavaScript provides several built-in methods to set time delays: setTimeout() and setInterval(). We can set time delay in

JavaScript typedArray.forEach() Method

The typedArray.forEach() is an inbuilt function in JavaScript which executes a given function once for each given typedArray element. Syntax: typedarray.forEach(callback) Parameter: It accepts a parameter "callback" function which produces each element of the new typedArray and this function takes t

How to stop setInterval Call in JavaScript ?

In JavaScript, the setInterval() function is used to repeatedly execute a specified function at a fixed interval. However, there may be scenarios where we need to stop the execution of setInterval() calls dynamically. Stopping a setInterval() call in JavaScript is essential to prevent ongoing repeti

How to break forEach() method in Lodash ?

The Lodash _.forEach() method iterates over elements of the collection and invokes iterate for each element. In this article, we will see how to break the forEach loop in ladash library. Syntax: _.forEach( collection, [iterate = _.identity] ) Parameters: This method accepts two parameters as mention

JavaScript Array forEach() Method

The JavaScript Array forEach() method is a built-in function that executes a provided function once for each array element. It does not return a new array and does not modify the original array. It's commonly used for iteration and performing actions on each array element.Syntaxarray.forEach(callbac

How to use forEach with an Array of Objects in JavaScript ?

Using the forEach() method with an array of objects in JavaScript is essential for iterating over collections and performing operations on each object. This guide explores effective techniques to utilize forEach() for array manipulation, enhancing your coding skills. Syntax: array.forEach( function(

How to use goto in Javascript ?

There is no goto keyword in javascript. The reason being it provides a way to branch in an arbitrary and unstructured manner. This might make a goto statement hard to understand and maintain. But there are still other ways to get the desired result. The method for getting the goto result in JavaScri

How to use async/await with forEach loop in JavaScript ?

Asynchronous is popular nowadays because it gives functionality of allowing multiple tasks to be executed at the same time (simultaneously) which helps to increase the productivity and efficiency of code. Async/await is used to write asynchronous code. In JavaScript, we use the looping technique to

How to add a delay in a JavaScript loop?

JavaScript doesn't offer any wait command to add a delay to the loops but we can do so using setTimeout method. This method executes a function, after waiting a specified number of milliseconds. Below given example illustrates how to add a delay to various loops: For loop: JavaScript for (let i=0; i