Run results for: Lodash sumBy vs reduce vs for loop

Run details:

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

Browser: Chrome 130

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

sum with for of loop

15K/s

map and reduce

2K/s

_.sumBy with map

1K/s

_.sumBy value

1K/s

sum with for loop

129/s

View exact numbers

Test name	Executions per second
✓ sum with for of loop	14,993 Ops/sec
map and reduce	1,913 Ops/sec
_.sumBy with map	1,238 Ops/sec
_.sumBy value	1,226 Ops/sec
sum with for loop	129 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; }