MeasureThat.net

Run results for: Array.prototype.concat vs spread operator preppending and appending

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

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36
Chrome 111
Linux
Desktop
2 years ago
Test name Executions per second
Array.prototype.concat Append 10973729.0 Ops/sec
spread operator Append 30906408.0 Ops/sec
Array.prototype.concat Preppend 9895801.0 Ops/sec
spread operator Preppend 20817246.0 Ops/sec
Tests:

  • Array.prototype.concat Append

    AخA
     
    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 ]