Run results for: spread vs push vs concat for large arrays

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

Browser: Chrome 87

Operating system: Mac OS X 11.0.1

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
spread	2173.4 Ops/sec
spread (combined)	2371.7 Ops/sec
push	1286.4 Ops/sec
push (combined)	977.8 Ops/sec
concat	9495.2 Ops/sec
concat (nested)	6478.3 Ops/sec

Script Preparation code:

var size = 50000;
var iterations = 1;

var arr1 = [];
var arr2 = [];

for (var i = 0; i < size; i++) {
  arr1.push({foo: i, bar: i});
  arr2.push({foo: i, bar: i});
}

Tests:

spread
var res = []; for (var i = 0; i < iterations; i++) { res = [...res, ...arr1]; res = [...res, ...arr2]; }
spread (combined)
var res = []; for (var i = 0; i < iterations; i++) { res = [...res, ...arr1, ...arr2]; }
push
var res = []; for (var i = 0; i < iterations; i++) { res.push(...arr1); res.push(...arr2); }
push (combined)
var res = []; for (var i = 0; i < iterations; i++) { res.push(...arr1, ...arr2); }
concat
var res = []; for (var i = 0; i < iterations; i++) { res = res.concat(arr1).concat(arr2); }
concat (nested)
var res = []; for (var i = 0; i < iterations; i++) { res = res.concat(arr1.concat(arr2)); }

Run results for: spread vs push vs concat for large arrays

spread

spread (combined)

push

push (combined)

concat

concat (nested)