Run results for: forEach vs for-of vs reduce vs map vs filter vs for

Run details:

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

Browser: Chrome 127

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

reduce

724/s

for of

465/s

map

287/s

filter

287/s

forEach

284/s

for

260/s

View exact numbers

Test name	Executions per second
✓ reduce	724 Ops/sec
for of	465 Ops/sec
map	287 Ops/sec
filter	287 Ops/sec
forEach	284 Ops/sec
for	260 Ops/sec

Script Preparation code:

var arr = [];
for (var i = 0; i < 12345; i++) {
  arr[i] = i;
}

function someFn(i) {
  return (i * 3 * 8 / 1200 * 0.002 / 40 * 0.2);
}

var sumForEach = 0,
  sumReduce = 0,
  sumMap = 0,
  sumFilter = 0,
  sumFor = 0;

Tests:

forEach
arr.forEach(item => sumForEach += someFn(item));
for of
for (const item of arr) { sumFor += item; }
map
arr.map(item => (sumMap += someFn(item)));
filter
arr.filter(item => (sumFilter += someFn(item)));
for
for (var j = 0; j < arr.length; j++) { sumFor += arr[j]; }
reduce
sumReduce = arr.reduce((lastValue, item) => { return lastValue + someFn(item); }, 0);