Benchmark: Array.prototype.concat vs spread operator preppending and appending

Tests:

Array.prototype.concat Append
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ].concat(params);
spread operator Append
var params = [ "hello", true, 7 ] var other = [ 1, 2, ...params ]
Array.prototype.concat Preppend
var params = [ "hello", true, 7 ]; var other = params.concat([ 1, 2 ]);
spread operator Preppend
var params = [ "hello", true, 7 ] var other = [ ...params, 1, 2 ]

Rendered benchmark preparation results:

Previous results

Test case name	Result
Array.prototype.concat Append
spread operator Append
Array.prototype.concat Preppend
spread operator Preppend

ⓘ 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

Test name	Executions per second
Array.prototype.concat Append	10973730.0 Ops/sec
spread operator Append	30906410.0 Ops/sec
Array.prototype.concat Preppend	9895801.0 Ops/sec
spread operator Preppend	20817250.0 Ops/sec

Array.prototype.concat vs spread operator preppending and appending (version: 0)