Benchmark: Push spread vs forEach vs for of

Script Preparation code:

const array = [];

for (let i = 0; i < 100000; i++) {
    array.push(`${i}`)
}

const finalArray = [];

Tests:

For each
const array = []; for (let i = 0; i < 100000; i++) { array.push(`${i}`) } const finalArray = []; array.forEach((el) => {finalArray.push(`${el}-test`)})
push spread
const array = []; for (let i = 0; i < 100000; i++) { array.push(`${i}`) } const finalArray = []; finalArray.push(...array.map((el) => `${el}-test`))
for of
const array = []; for (let i = 0; i < 100000; i++) { array.push(`${i}`) } const finalArray = []; for (const el of array) { finalArray.push(`${el}-test`) }

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: 9 months ago)

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

Browser/OS: Chrome 116 on Windows

Push spread vs forEach vs for of (version: 0)