Benchmark: reduce spread push vs flatmap

Script Preparation code:

var arr = Array(10_000).fill(0)
function getErrors() {
  const num = Math.floor(Math.random() * 4);
  return Array(num).fill("string");
}

Tests:

flatMap
arr.flatMap(x => getErrors())
reduce spread push
arr.reduce((errors, x) => { errors.push(...getErrors()); return errors; }, [])
reduce append
arr.reduce((errors, x) => { errors.concat(getErrors()); return errors; }, [])

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

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

Browser/OS: Chrome 126 on Windows

reduce spread push vs flatmap (version: 0)