MeasureThat.net

Run results for: Array concat vs spread operator vs push vs new array spread

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

Go to the benchmark
Run details:
Mozilla/5.0 (Linux; Android 11; SM-G998B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.105 Mobile Safari/537.36
Chrome Mobile 89
Android
Mobile
3 years ago
Test name Executions per second
Array.prototype.concat 7828252.5 Ops/sec
Push 25914156.0 Ops/sec
New array spread 21321446.0 Ops/sec
Tests:

  • Array.prototype.concat

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

  • Push

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

  • New array spread

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