Benchmark: map + max vs reduce + compare vs map + max

Script Preparation code:

var values = new Array(5000);

for (let i = 0; i < values.length; ++i) {
    values[i] = { val: i % 20 };
}

Tests:

Math.max
return Math.max(...values.map(x => x.val));
Reduce with compare
return values.reduce((prev, curr) => { if (curr.val > prev) return curr.val; return prev; }, 0);
Reduce with max
return values.reduce((prev, curr) => { return Math.max(prev, curr.val); }, 0);

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: 2 years ago)

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

Browser/OS: Chrome 99 on Windows

map + max vs reduce + compare vs map + max (version: 0)