Benchmark: Test filter map vs only map

Script Preparation code:

var numbers = [10, 40, 230, 15, 18, 51, 1221]

Tests:

filter + map without filter
numbers.filter(x => false ? x === 40: x).map(x => `number : ${x}`)
filter + map with filter
numbers.filter(x => true ? x === 40: x).map(x => `number : ${x}`)
map without filter
numbers.map(x => { if (false && x === 40) { return `number : ${x}` } if (true){ return `number : ${x}` } })
map with filter
numbers.map(x => { if (true && x === 40) { return `number : ${x}` } if (false){ return `number : ${x}` } })

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36

Browser/OS: Chrome 83 on Mac OS X 10.15.4

Test filter map vs only map (version: 0)