Javascript Code Example of Different Versions of the forEach Loop

Various Ways to use the forEach Loop in Javascript from the Simplest, where we Simply use the Current Element ... Can we Break out of a forEach Loop in Javascript

Below are the various ways you can use a forEach loop in Javascript starting with the simplest, where you only need to work with the current element of the forEach loop, down to the most complex form of the Javascript forEach loop, using current element, index, the array that was passed to the forEach loop and optional parameter that specifies the value that will be used in the callback function.

// Using Current Element array.forEach((currentElement) => { /* ... */ }); array.forEach(function(currentElement) { /* ... */ }); // Using Current Element and Index array.forEach((currentElement, index) => { /* ... */ }); array.forEach(function(currentElement, index) { /* ... */ }); // Using Current Element, Index and array array.forEach((currentElement, index, array) => { /* ... */ }); array.forEach(function(currentElement, index, array){ /* ... */ }); // Using all parameters with thisValue (value of this in the callback) array.forEach((currentElement, index, array) => { /* ... */ }, thisValue); array.forEach(function(currentElement, index, array) { /* ... */ }, thisValue);

Can we Break a forEach Loop in Javascript?

There is no elegant way to break out of a forEach loop in Javascript. An alternative which is very similar to the forEach is ...

for(const item of [0,1,2,3,4,5,6,7,8,9]){ if (item > 2) { break; } }

OR ...

let arr = [0,1,2,3,4,5,6,7,8,9]; for (const item of arr) { if (item > 2) { break; } }