Run results for: Array.prototype.concat vs spread operator

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

Browser: Chrome 66

Operating system: Mac OS X 10.12.6

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
Array.prototype.concat	5226453.0 Ops/sec
spread operator	4195938.0 Ops/sec
jQuery merge	1540159.0 Ops/sec
lodash concat	1350224.0 Ops/sec
Array prototype concat	2017299.0 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.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 ]
jQuery merge
var params = [ "hello", true, 7 ]; var other = $.merge([1, 2], params);
lodash concat
var params = [ "hello", true, 7 ]; var other = _.concat([1, 2], params);
Array prototype concat
var params = [ "hello", true, 7 ]; var other = Array.prototype.concat.apply([], [[1, 2], params]);

Run results for: Array.prototype.concat vs spread operator

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

Array.prototype.concat

spread operator

jQuery merge

lodash concat

Array prototype concat