Benchmark: flatMap vs reduce with spread vs reduce with push vs for of vs push v2 ...

Script Preparation code:

var arr = Array(10_000).fill(0)

Tests:

reduce with spread
arr.reduce((acc, x) => [...acc, x], [])
flatMap
arr.flatMap(x => [x])
reduce with push
arr.reduce((acc, x) => { acc.push(x); return acc; }, [])
for...of
const acc = [] for (const x of arr) { acc.push(x); }
push(...arr)
const acc = [] acc.push(...arr);
copy via spread
const acc = [...arr];
copy via slice
const acc = arr.slice();
for i
const acc = [] const n = arr.length; for (let i = 0; i<n; i++) { acc[i] = arr[i]; }

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 month ago)

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

Browser/OS: Chrome 126 on Mac OS X 10.15.7

flatMap vs reduce with spread vs reduce with push vs for of vs push v2 ... (version: 0)