MeasureThat.net

Run results for: Array.prototype.concat vs spread operator - Immutable version

Compare the new ES6 spread operator with the traditional concat() method. All methods create a fresh array to simulate an environment where immutable data is a requirement.

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
Chrome 65
Windows
Other
6 years ago
Test name Executions per second
Array.prototype.concat 4855655.5 Ops/sec
spread operator 2752386.2 Ops/sec
Lodash merge 1570176.4 Ops/sec
HTML Preparation code:
​x
 
1
​
2
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
Tests:

  • Array.prototype.concat

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

  • spread operator

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

  • Lodash merge

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