MeasureThat.net

Run results for: Array.prototype.concat vs spread operator vs push with spread

Compare the new ES6 spread operator with the traditional concat() method

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
Chrome 133
Mac OS X 10.15.7
Desktop
2 months ago
Test name Executions per second
Array.prototype.concat 15765.7 Ops/sec
spread operator 2592.7 Ops/sec
Spread operator with push 788.6 Ops/sec
Script Preparation code:
​x
 
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);