Benchmark: Spread vs concat vs forEach array v1001

Tests:

concat
const arr1 = Array.from({ length: 5000}).map((_, i) => i); const arr2 = Array.from({ length: 5000}).map((_, i) => i); const arr3 = Array.from({ length: 5000}).map((_, i) => i); const finallArr1 = arr1.concat(arr2).concat(arr3);
forEach
const arr1 = Array.from({ length: 5000}).map((_, i) => i); const arr2 = Array.from({ length: 5000}).map((_, i) => i); const arr3 = Array.from({ length: 5000}).map((_, i) => i); const finalArr2 = []; arr1.forEach((e) => finalArr2.push(e)); arr2.forEach((e) => finalArr2.push(e)); arr3.forEach((e) => finalArr2.push(e));
spread
const arr1 = Array.from({ length: 5000}).map((_, i) => i); const arr2 = Array.from({ length: 5000}).map((_, i) => i); const arr3 = Array.from({ length: 5000}).map((_, i) => i); const finalArr3 = [...arr1, ...arr2, ...arr3];

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 5 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:120.0) Gecko/20100101 Firefox/120.0

Browser/OS: Firefox 120 on Mac OS X 10.15

Spread vs concat vs forEach array v1001 (version: 0)