Benchmark: Array.prototype.concat vs spread operator vs push with spread

Script Preparation code:

var array1 = [];
var array2 = [];
var limit = 100000;

for(i = 0; i < limit; i++) {
  array1.push(i);
  array2.push(limit - i);
}

Tests:

Array.prototype.concat
array1.concat(array2);
spread operator
[...array1, ...array2]
Spread operator with push
var array3 = []; array3.push(...array1); array3.push(...array2);

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Browser/OS: Chrome 105 on Mac OS X 10.15.7

Array.prototype.concat vs spread operator vs push with spread (version: 0)