MeasureThat.net

Run results for: Array.prototype.concat vs spread vs Array.prototype.flat operator

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 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36
Chrome 88
Mac OS X 11.2.3
Desktop
4 years ago
Test name Executions per second
Array.prototype.concat 7805219.0 Ops/sec
spread operator 37972360.0 Ops/sec
Array.prototype.flat 1075347.8 Ops/sec
Tests:

  • Array.prototype.concat

    AخA
     
    var params = [ "hello", true, 7 ];
    var other = [ 1, 2 ].concat(params);

  • spread operator

     
    var params = [ "hello", true, 7 ]
    var other = [ 1, 2, ...params ]

  • Array.prototype.flat

     
    var params = [ "hello", true, 7 ];
    var other = [[1, 2], params].flat();