Run results for: map vs forEach/push (1000 elements pure - cache)

Run details:

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

Browser: Firefox 122

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

map

4.5M/s

forEach/push

4.2M/s

inplace for (w cache)

752K/s

View exact numbers

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} }