Benchmark: Reduce: filter-map vs push vs spread

Script Preparation code:

var length = 10000
var fillArray = new Array(length).fill(0).map((e, i) => i)

Tests:

filter-map
fillArray.filter(e => (e & 1) === 1).map(e => e+1)
push
fillArray.reduce((p, e) => { if (e & 1 === 1) p.push(e+1); return p; }, []);
reduce
fillArray.reduce((p, e) => { if (e & 1 === 1) return [...p, e]; return p; }, []);

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 years ago)

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

Browser/OS: Chrome 97 on Windows

Reduce: filter-map vs push vs spread (version: 0)