Run results for: loop options performance

Run details:

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

Browser: Chrome 125

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

for of loop

2K/s

forEach

1K/s

reduce

742/s

filter and map

456/s

flatMap

401/s

View exact numbers

Script Preparation code:

var arr = Array.from({length:100000}, (v, i) => ({name: i, shouldNotBeFiltered: i % 2 === 0}));

Tests:

flatMap
arr.flatMap(({ name, shouldNotBeFiltered }) => (shouldNotBeFiltered ? [name] : []));
reduce
arr.reduce((acc, { name, shouldNotBeFiltered }) => { if (shouldNotBeFiltered) { const elementToPush = name; acc.push(elementToPush); } return acc; }, []);
for of loop
const result = []; for (const { name, shouldNotBeFiltered } of arr) { if (shouldNotBeFiltered) { const elementToPush = name; result.push(elementToPush); } }
filter and map
arr.filter(({ shouldNotBeFiltered }) => shouldNotBeFiltered).map(({ name }) => name);
forEach
const result = []; arr.forEach(({ name, shouldNotBeFiltered }) => { if (shouldNotBeFiltered) { const elementToPush = name; result.push(elementToPush); } });