Run results for: Lodash sumBy vs reduce vs for loop

Run details:

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

Browser: Mobile Safari 16

Operating system: iOS 16.1.1

Device Platform: Mobile

Date tested: 2 years ago

_.sumBy with map

5K/s

sum with for of loop

4K/s

map and reduce

4K/s

_.sumBy value

4K/s

sum with for loop

83/s

View exact numbers

Test name	Executions per second
✓ _.sumBy with map	5,439 Ops/sec
sum with for of loop	4,117 Ops/sec
map and reduce	3,780 Ops/sec
_.sumBy value	3,534 Ops/sec
sum with for loop	83 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; }