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

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36

Browser: Chrome 91

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
spread	746.9 Ops/sec
spread (combined)	849.8 Ops/sec
push	399.3 Ops/sec
push (combined)	295.4 Ops/sec
concat	2489.0 Ops/sec
concat (nested)	1655.5 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)