Which is faster: for, for…of, or forEach loops in JavaScript

Photo by Djim Loic on Unsplash

There are different ways to loop over arrays in JavaScript, but it can be difficult choosing the right one. There is a classic JavaScript for loop, JavaScript forEach method, and the for…of loop, introduced in the sixth edition of EcmaScript (ES6), allows the programmer to loop over the actual iterable objects.

Before diving in, explore more in-depth articles on web development at my personal website:

Program With Jayanth

Loops offer a quick and easy way to do something repeatedly. In this chapter, I am going to discuss different iteration statements available in JavaScript and also which one will execute fast and provides better performance.

Loops to iterate over arrays

1. for
2. for…of
3. forEach

To iterate over the array, let's create an array with 50000 elements to calculate the execution time. we can create an array that contains 50000 elements by two approaches.

for loop

The most basic type of iteration method in JavaScript is the for loop. It takes three expressions; a variable declaration, an expression to be evaluated before each iteration, and an expression to be evaluated at the end of each iteration.

The JavaScript for loopiterates the elements for the fixed number of times. It should be used if the number of iteration is known. The syntax for the loop is given below.