Run results for: Array push vs Array spread vs Array concat experiment

Run details:

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: Chrome 109

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

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)