Run results for: map/filter vs reduce/spread vs reduce/mutate

Run details:

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

Browser: Chrome 119

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

reduce/mutate

35K/s

map/filter

5K/s

reduce/spread

144/s

View exact numbers

Script Preparation code:

var values = new Array(10_000).fill(0).map((_, i) => i);

Tests:

map/filter
const result = values.map(v => v + 1).filter(v => v % 2 === 0)
reduce/spread
const result = values.reduce((acc, val) => { const r = val + 1; if (r % 2 === 0) return [...acc, r] return acc }, [])
reduce/mutate
const result = values.reduce((acc, val) => { const r = val + 1; if (r % 2 === 0) acc.push(r) return acc }, [])