Run results for: sum vs reduce vs for loop (v3)

Run details:

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

Browser: Chrome 117

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

HTML Preparation code:

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

Tests:

lodash sum
const object = [ { one: 'valueOne', two: 'valueTwo', threeNum: 50 }, { one: 'valueOne', two: 'valueTwo', threeNum: 60 }, { one: 'valueOne', two: 'valueTwo', threeNum: 40 } ]; const lodashSum = _.sum(object.map(obj => obj.threeNum || 0)); return lodashSum;
Array reduce
const object = [ { one: 'valueOne', two: 'valueTwo', threeNum: 50 }, { one: 'valueOne', two: 'valueTwo', threeNum: 60 }, { one: 'valueOne', two: 'valueTwo', threeNum: 40 } ]; const reduceSum = object.reduce((accNumber, obj) => { accNumber += (obj?.threeNum || 0); return accNumber; }, 0); return reduceSum;
manual for loop
const object = [ { one: 'valueOne', two: 'valueTwo', threeNum: 50 }, { one: 'valueOne', two: 'valueTwo', threeNum: 60 }, { one: 'valueOne', two: 'valueTwo', threeNum: 40 } ]; let manualSum = 0; for (let i = 0; i < object.length; i++) { manualSum += (object[i]?.threeNum || 0); } return manualSum;