Difference between for loop and forEach in Javascript

To work with Arrays efficiently, One should be very clear about choosing a loop to have control over the iteration while loop.

In this article, We will see the major difference between for loop and forEach.

For Loop: This loop is used to iterate through the element of the array, Mostly used approach is getting used for a longer time.

Syntax:

Example:

forEach: This method is used to iterate the array items. It is the newer approach to looping through an array.It uses a function which a callback function for each element of an array having below properties:

• Current Value: The current value of the Array, Its a required field.
• Index: The index number of the current iteration of Array, It's a optional field.
• Array: the object of array that current element belongs to

Syntax:

The callback function should have at least one parameter which represents the current value of the array. For each element of the array, the block of code will execute.

Example:

Major Differences:

1. For loop is approach which was used originally but the forEach is the newer approach for iterating the array element.
2. Break statement can be used to break the for loop if required, But We cannot do anything like this with forEach.
3. For loop works with await but forEach does not work perfectly with await.
4. Performace with for loop is faster  than the forEach loop.