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

Run details:

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

Browser: Opera 70

Operating system: Mac OS X 10.15.6

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Array.prototype.concat	6501274.0 Ops/sec
spread operator	29357590.0 Ops/sec
Array.prototype.flat	975673.4 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 ]
Array.prototype.flat
var params = [ "hello", true, 7 ]; var other = [1, 2, params].flat()

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

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

Array.prototype.concat

spread operator

Array.prototype.flat