Speedup your javaScript code using this for loops , analysis using "benchmarkjs" tool.

Tanuja — Fri, 26 Mar 2021 09:42:49 +0000

Hello, programmers and enthusiastic learner, hope you all having great day. So in last post I had analyze execution time of various loops in javaScript using console object. Today I am going to analyze it using benchmarkjs tool , thanks for Conner Peet for his valuable suggestion.
So let's start...


const cars = ["Tesla", "Tata", "Ford", "Land Rover", "Audi"];

let myCars;

//For-let loop
bench("for-let i++", () => {
  for (let i = 0; i < cars.length; i++) {
    myCars = cars[i];
  }
});

//For-let (i--) loop
bench("for-let i--", () => {
  for (let i = cars.length - 1; i >= 0; i--) {
    myCars = cars[i];
  }
});

//forEach Loop
bench("forEach", () => {
  cars.forEach((car) => {
    myCars = car;
  });
});

//For of loop
bench("for of", () => {
  for (const car of cars) {
    myCars = car;
  }
});

//For in loop
bench("for in", () => {
  for (const car in cars) {
    myCars = car;
  }
});

//map
bench("map", () =>
  cars.map((car) => {
    myCars = car;
  })
);

//Output

D:\JavaScript\Loops> matcha loops.js

         12,200,000 ops/sec > for-let i++ (24.4x)
         10,300,000 ops/sec > for-let i-- (20.6x)
         11,200,000 ops/sec > forEach (22.4x)
          7,080,000 ops/sec > for of (14.1x)
            502,000 ops/sec > for in (1x)
          5,760,000 ops/sec > map (11.5x)

  Benches: 6
  Fastest: for-let i++
  Elapsed: 35.5s

I used this tool, by Conner Peet.
Hope this article add some value to your skill , Your precious suggestions and advice are always welcome!

Speedup your JavaScript code using this for loop.

Tanuja — Sun, 14 Mar 2021 18:40:35 +0000

Hello, programmers and enthusiastic learner, hope you all having great weekend. So today, I am going to show you some for loops of JavaScript with there execution speed/time. Hope it will minimize your execution time and speed up code with some keen msec.

1.for Loop: A regular for loop , it iterate for each array element.

 const cars = ["Tesla" , "Tata" ,"Ford" ,"Land Rover", "Audi" ];
 console.time();
for(let i= 0 ; i < cars.length ; i++){
     console.log(cars[i]);
}
console.timeEnd();

//console Output
PS D:\Loops> node loops.js      
Tesla
Tata
Ford
Land Rover
Audi
default: 31.557ms

2.forEach Loop: A forEach loop ,it execute a given function once for each array element.

 const cars = ["Tesla" , "Tata" ,"Ford" ,"Land Rover", "Audi" ];
 console.time();
cars.forEach((car) => console.log(car));
console.timeEnd();

//console Output
PS D:\Loops> node loops.js      
Tesla
Tata
Ford
Land Rover
Audi
default: 28.306ms

3.for of Loop: A for of loop iterate over value of property.

 console.time();
for (car of cars) {
  console.log(car);
}
console.timeEnd();

//console Output
PS D:\Loops> node loops.js      
Tesla
Tata
Ford
Land Rover
Audi
default: 29.918ms

4.for in loop: A for in loop iterate over name/number of property.

 console.time();
for (car in cars) {
  console.log(car);
}
console.timeEnd();
//console Output
PS D:\Loops> node loops.js      
0
1
2
3
4
default: 28.642ms

conclusion:

Here I have provided an average execution time for loops. So take it in consideration next time. Enjoy the coding...

DEV Community: Tanuja

Speedup your javaScript code using this for loops , analysis using "benchmarkjs" tool.

Speedup your JavaScript code using this for loop.

conclusion: