Benchmark: map vs forEach/push (1000 elements pure - cache)

Script Preparation code:

window.arr = new Array({ length: 1000 }, (_, i) => `Option ${i + 1}`);

Tests:

map
const newArr = window.arr.map(element => ({ label: element, value: element }));
forEach/push
const newArr = []; window.arr.forEach(element => { newArr.push({ label: element, value: element }) })
inplace for (w cache)
for (let i=0; i < window.arr.length; i++) { const cache = window.arr[i] window.arr[i] = {label: cache, value: cache} }

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

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:122.0) Gecko/20100101 Firefox/122.0

Browser/OS: Firefox 122 on Linux

map vs forEach/push (1000 elements pure - cache) (version: 0)