MeasureThat.net

Run results for: Array concat vs spread operator vs push (forEach)

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

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15
Safari 15
Mac OS X 10.15.7
Desktop
2 years ago
Test name Executions per second
Array.prototype.concat 24054760.0 Ops/sec
spread operator 428830656.0 Ops/sec
Push 13198319.0 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 ]

  • Push

     
    var params = [ "hello", true, 7 ];
    var other = [ 1, 2 ];
    other.forEach((item) => {
        other.push(item);
    });