Benchmark: Array.sort() vs Math.min / Math.max 4 elements vs d3 array

HTML Preparation code:

const arr = [2,35,67,3];

Script Preparation code:

const arr = [2,35,67,3];

Tests:

Array.sort
const arr = [2,35,67,3]; const a = arr.sort(); const min = a[0]; const max = a[a.length - 1];
Math min and max
const arr = [2,35,67,3]; const min = Math.min(...arr); const max = Math.max(...arr);
d3 array
const arr = [2,35,67,3]; function minF(values, valueof) { let min; if (valueof === undefined) { for (const value of values) { if (value != null && (min > value || (min === undefined && value >= value))) { min = value; } } } else { let index = -1; for (let value of values) { if ((value = valueof(value, ++index, values)) != null && (min > value || (min === undefined && value >= value))) { min = value; } } } return min; } function maxF(values, valueof) { let max; if (valueof === undefined) { for (const value of values) { if (value != null && (max < value || (max === undefined && value >= value))) { max = value; } } } else { let index = -1; for (let value of values) { if ((value = valueof(value, ++index, values)) != null && (max < value || (max === undefined && value >= value))) { max = value; } } } return max; } const min = minF(arr); const max = maxF(arr);

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 102 on Mac OS X 10.15.7

Array.sort() vs Math.min / Math.max 4 elements vs d3 array (version: 0)