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

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

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 87 on Windows

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