Benchmark: Array push vs Array spread vs Array concat experiment

Tests:

Add with push
const element = (index) => ({ id: new Date().getTime() + index, name: `Element_${index}` }) const list1 = Array(100).fill({}).map((_, index) => element(index)) const list2 = Array(100).fill({}).map((_, index) => element(index)) const list3 = list1.push(...list2)
Add with spread operator
const element = (index) => ({ id: new Date().getTime() + index, name: `Element_${index}` }) const list1 = Array(100).fill({}).map((_, index) => element(index)) const list2 = Array(100).fill({}).map((_, index) => element(index)) const list3 = [...list1, ...list2]
Add with array concat
const element = (index) => ({ id: new Date().getTime() + index, name: `Element_${index}` }) const list1 = Array(100).fill({}).map((_, index) => element(index)) const list2 = Array(100).fill({}).map((_, index) => element(index)) const list3 = list1.concat(list2)

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: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Browser/OS: Chrome 109 on Windows

Array push vs Array spread vs Array concat experiment (version: 0)