Run results for: Lodash sumBy vs reduce vs for loop

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser: Chrome 128

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

sum with for of loop

14K/s

map and reduce

4K/s

_.sumBy value

2K/s

_.sumBy with map

1K/s

sum with for loop

207/s

View exact numbers

Test name	Executions per second
✓ sum with for of loop	14,253 Ops/sec
map and reduce	3,920 Ops/sec
_.sumBy value	1,809 Ops/sec
_.sumBy with map	1,456 Ops/sec
sum with for loop	207 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

var arr = [];
for(var i = 0; i < 100000; i++){
  arr.push({value:getRandomInt(100)});
}

Tests:

_.sumBy value
_.sumBy(arr, "value");
map and reduce
arr.reduce((prev, next) => prev + next.value, 0);
_.sumBy with map
_.sumBy(arr, x => x.value);
sum with for of loop
let result = 0; for(const x of arr) { result += x.value; }
sum with for loop
let result = 0; for(let i = 0; i < arr.length; i++) { result += arr[i].value; }