Run results for: Get min and max value from a large collection of objects (native sort vs reduce)

Run details:

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

Browser: Chrome 114

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 11 months ago

Test name	Executions per second
Array.sortBy	88784.7 Ops/sec
Array.Reduce	5407.2 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:

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

Tests:

Array.sortBy
var sorted = arr.sort((datum1, datum2) => { const val1 = datum1.val const val2 = datum2.val if (typeof val1 !== 'undefined' && typeof val2 !== 'undefined') { if (val1 < val2) { return -1 } else if (val2 > val1) { return 1 } } return 0 }) var max = sorted[sorted.length - 1] var min = sorted[0]
Array.Reduce
var result = arr.reduce( (minMax, d) => { var { min, max } = minMax var dataVal = d.val if (dataVal !== undefined) { return { min: Math.min(min, dataVal), max: Math.max(max, dataVal) } } return minMax }, { min: Infinity, max: -Infinity } )