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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 YaBrowser/18.6.1.768 Yowser/2.5 Safari/537.36

Browser: Yandex Browser 18

Operating system: Mac OS X 10.13.6

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Array.prototype.concat	5605077.0 Ops/sec
spread operator	4541932.0 Ops/sec
lodash concat	1007966.0 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.core.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 concat
var params = [ "hello", true, 7 ]; var other = _.concat([ 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

lodash concat