Benchmark: Array concat vs spread opearator with diffrent test case sizes

Array concat vs spread opearator with diffrent test case sizes (version: 0)

Tests:

Array.prototype.concat params: 1000, other 2
var params = new Array(1000); params.fill(0); var other = new Array(2).fill(0).concat(params);
spread operator params: 1000, other 2
var params = new Array(1000); params.fill(0); var other = [ new Array(2).fill(0), ...params ]
Push params: 1000, other 2
var params = new Array(1000).fill(0); var other = new Array(2).fill(0).push(...params);
Array.prototype.concat params: 1000, other 1000
var params = new Array(1000).fill(0); var other = new Array(1000).fill(0).concat(params);
spread operator params: 1000, other 1000
var params = new Array(1000).fill(0); var other = [ ...new Array(1000).fill(0), ...params ]
Push params: 1000, other 1000
var params = new Array(1000).fill(0); var other = new Array(1000).fill(0).push(...params);
Array.prototype.concat params: 2, other 2
var params = new Array(2).fill(0); var other = new Array(2).fill(0).concat(params);
spread operator params: 2, other 2
var params = new Array(2).fill(0); var other = [ ...new Array(2).fill(0), ...params ]
Push params: 2, other 2
var params = new Array(2).fill(0); var other = new Array(2).fill(0).push(...params);
Array.prototype.concat params: 2, other 1000
var params = new Array(2).fill(0); var other = new Array(1000).fill(0).concat(params);
spread operator params: 2, other 1000
var params = new Array(2).fill(0); var other = [ ...new Array(1000).fill(0), ...params ]
Push params: 2, other 1000
var params = new Array(2).fill(0); var other = new Array(1000).fill(0).push(...params);

Rendered benchmark preparation results:

Previous results

Test case name	Result
Array.prototype.concat params: 1000, other 2
spread operator params: 1000, other 2
Push params: 1000, other 2
Array.prototype.concat params: 1000, other 1000
spread operator params: 1000, other 1000
Push params: 1000, other 1000
Array.prototype.concat params: 2, other 2
spread operator params: 2, other 2
Push params: 2, other 2
Array.prototype.concat params: 2, other 1000
spread operator params: 2, other 1000
Push params: 2, other 1000

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 4 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:75.0) Gecko/20100101 Firefox/75.0

Browser/OS: Firefox 75 on Windows

Test name	Executions per second
Array.prototype.concat params: 1000, other 2	33579.8 Ops/sec
spread operator params: 1000, other 2	30481.3 Ops/sec
Push params: 1000, other 2	11255.7 Ops/sec
Array.prototype.concat params: 1000, other 1000	14759.4 Ops/sec
spread operator params: 1000, other 1000	15026.8 Ops/sec
Push params: 1000, other 1000	6652.9 Ops/sec
Array.prototype.concat params: 2, other 2	10025350.0 Ops/sec
spread operator params: 2, other 2	7717912.0 Ops/sec
Push params: 2, other 2	3784789.0 Ops/sec
Array.prototype.concat params: 2, other 1000	7383.0 Ops/sec
spread operator params: 2, other 1000	25184.5 Ops/sec
Push params: 2, other 1000	14260.2 Ops/sec