MeasureThat.net

Run results for: Array.prototype.concat vs spread operator vs lodash.concat - variable and constant

Compare the new ES6 spread operator with the traditional concat() method and with the favourite _.concat() method, when an array from a variable is concatenated with an array literal.

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.80 Safari/537.36
Chrome 86
Mac OS X 10.14.6
Desktop
4 years ago
Test name Executions per second
Array.prototype.concat 4503597.0 Ops/sec
spread operator 9111856.0 Ops/sec
lodash concat 1410281.9 Ops/sec
HTML Preparation code:
AخA
 
1
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.core.js"></script>
Script Preparation code:
 
var params = [ "hello", true, 7 ];
Tests:

  • Array.prototype.concat

     
    var result = [ 1, 2 ].concat(params);

  • spread operator

     
    var result = [ 1, 2, ...params ]

  • lodash concat

     
    var result = _.concat([ 1, 2 ], params);