Run results for: for of vs Array.reduce vs Array.forEach vs for i for summing and array of integers

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/120.0.6099.119 Mobile/15E148 Safari/604.1

Browser: Chrome Mobile iOS 120

Operating system: iOS 16.1

Device Platform: Mobile

Date tested: 2 years ago

for of

67K/s

reduce

50K/s

forEach

40K/s

for i

2K/s

View exact numbers

Test name	Executions per second
✓ for of	67,026 Ops/sec
reduce	50,382 Ops/sec
forEach	40,386 Ops/sec
for i	1,721 Ops/sec

Script Preparation code:

var arr = [];
for(var i=0; i < 10000; i++) {
  arr.push(Math.floor(Math.random() * Math.floor(10000)));
}

Tests:

for of
var sum = 0; for (var e of arr) { sum += e; }
forEach
var sum = 0; arr.forEach(e => {sum += e;})
reduce
var sum = arr.reduce((acm, current) => acm + current);
for i
var sum = 0; for (var i = 0; i < arr.length; i++) { sum += arr[i]; }

Run results for: for of vs Array.reduce vs Array.forEach vs for i for summing and array of integers

Test which looping method has the best performance regarding getting the total sum of an array of integers in Javascript

for of

forEach

reduce

for i