Run results for: Map vs For Loop

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Browser: Chrome 121

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

foreach

124/s

Map

17/s

pre-allocated unrolled for loop

16/s

pre-allocated for loop

10/s

For Loop

9/s

View exact numbers

Test name	Executions per second
✓ foreach	124 Ops/sec
Map	17 Ops/sec
pre-allocated unrolled for loop	16 Ops/sec
pre-allocated for loop	10 Ops/sec
For Loop	9 Ops/sec

Script Preparation code:

var a = [];
for (var i = 0; i < 1e6; i++) {
  a[i] = Math.random();
}

Tests:

Map
var b = a.map(n => n * 2);
For Loop
var b = []; for (var i = 0; i < a.length; i++) { b[i] = a[i] * 2; }
foreach
var b = a.forEach(n => n * 2);
pre-allocated for loop
var b = new Array(a.length); for (var i = 0; i < a.length; i++) { b[i] = a[i] * 2; }
pre-allocated unrolled for loop
var b = new Array(a.length); for (var i = 0; i < a.length/4; i++) { b[i*4] = a[i*4] * 2; b[i*4+1] = a[i*4+1] * 2; b[i*4+2] = a[i*4+2] * 2; b[i*4+3] = a[i*4+3] * 2; }