Benchmark: [ARRAY] concat vs spread operator vs push + spread vs prototype.push.apply

Tests:

Array.prototype.concat
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; const result = arr1.concat(arr2);
spread operator
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; const result = [ ...arr1, ...arr2 ];
Push
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; arr1.push(...arr2);
Array.prototype.push.apply
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; Array.prototype.push.apply(arr1,arr2);

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:134.0) Gecko/20100101 Firefox/134.0

Browser/OS: Firefox 134 on Linux

Push

34.0M/s

Array.prototype.push.apply

25.8M/s

Array.prototype.concat

16.4M/s

spread operator

10.3M/s

View exact numbers

[ARRAY] concat vs spread operator vs push + spread vs prototype.push.apply (version: 1)