MeasureThat.net

Run results for: Array concat vs spread operator vs push 123457u8

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

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36 Edg/92.0.902.78
Chrome 92
Windows
Desktop
3 years ago
Test name Executions per second
Array.prototype.concat 5111193.5 Ops/sec
spread operator 10181002.0 Ops/sec
Push 8774179.0 Ops/sec
Tests:

  • Array.prototype.concat

    AخA
     
    const result = [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10].concat([1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10]);

  • spread operator

     
    const result = [...[1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10],...[1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10]]

  • Push

     
    const result = [1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10].push(...[1,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,10]);