Benchmark: spread vs concat vs unshift vs flat

Tests:

spread
const a = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const b = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const c = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const result = [...a, ...b, ...c];
concat
const a = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const b = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const c = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const result = a.concat(...b, ...c);
concat2
const a = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const b = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const c = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const result = a.concat(b).concat(c);
unshift
const a = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const b = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const c = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const result = a.unshift(...b, ...c);
unshift2
const a = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const b = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const c = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const result = a.unshift(b).unshift(c);
flat
const a = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const b = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const c = [1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0]; const result = [a,b,c].flat();

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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Browser/OS: Chrome 111 on Linux

spread vs concat vs unshift vs flat (version: 0)