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

Run details:

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

Browser: Yandex Browser 19

Operating system: Mac OS X 10.14.4

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Array.prototype.concat	2002616.0 Ops/sec
spread operator	2333142.0 Ops/sec
array.push	2952513.0 Ops/sec

Script Preparation code:

var arr = Array(100).fill([{n: ''}]);

Tests:

Array.prototype.concat
var params = [ "hello", true, 7 ]; var other = arr.concat(params);
spread operator
var params = [ "hello", true, 7 ]; var other = [ ...arr, ...params ];
array.push
arr.push("hello", true, 7); var other = arr;

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

array.push