Benchmark: combined map-join vs native map + join v2

Script Preparation code:

var data = Array(1000000).fill({ a: 'a', b: 1 });

Tests:

mapJoin +
function mapJoin(data, func, joinStr) { data.reduce((prev, item)=> { return prev + joinStr + func(item) }, '') } mapJoin(data, x => `${x.a}_${x.b}`, ',')
native map + join
data.map(x => `${x.a}_${x.b}`).join(',')
mapJoin - string literal
function mapJoin(data, func, joinStr) { data.reduce((prev, item)=> { return `${prev}${joinStr}${func(item)}` }, '') } mapJoin(data, x => `${x.a}_${x.b}`, ',')
mapJoin - concat
function mapJoin(data, func, joinStr) { data.reduce((prev, item)=> { return prev.concat(joinStr, func(item)) }, '') } mapJoin(data, x => `${x.a}_${x.b}`, ',')

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: 10 months ago)

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/OS: Chrome 114 on Mac OS X 10.15.7

combined map-join vs native map + join v2 (version: 2)