Benchmark: Spread operator vs Array.push vs array[lastIndex]

Tests:

Using spread operator
const basicData = [{id: 1}, {id: 2}, {id: 3}]; const finalData = [...basicData, {id: 4}];
Using push function
var basicData = [{id: 1}, {id: 2}, {id: 3}]; basicData.push({id: 4});
Add to last index of array
var basicData = [{id: 1}, {id: 2}, {id: 3}]; basicData[basicData.length] = {id: 4};

Rendered benchmark preparation results:

Previous results

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/135.0.0.0 Safari/537.36 Edg/135.0.0.0

Browser/OS: Chrome 135 on Windows

Using push function

42.5M/s

Add to last index of array

42.0M/s

Using spread operator

25.4M/s

View exact numbers

Spread operator vs Array.push vs array[lastIndex] (version: 0)