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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36 OPR/69.0.3686.57

Browser: Opera 69

Operating system: Mac OS X 10.15.5

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Array.prototype.concat	5979745.0 Ops/sec
spread operator	25557000.0 Ops/sec
jQuery merge	0.0 Ops/sec
Push	46233370.0 Ops/sec

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);
Push
var params = [ "hello", true, 7 ]; params.push(1); params.push(2);

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

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

Array.prototype.concat

spread operator

jQuery merge

Push