Benchmark: reduce vs plain cycle

Script Preparation code:

var test = []
for(let i=1; i<200000; i++) {
    test.push({
      id: i,
      class: Math.floor(Math.random()*10)
    })
}

Tests:

reduce
test.reduce((acc, item) => { if(item.class==3) { acc.push(item.id) return acc } return acc }, [])
filter map
test.filter(item => item.class ==2).map(item => item.id)
cycle
var test = [] for(let i=1; i<200000; i++) { test.push({ id: i, class: Math.floor(Math.random()*10) }) }

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: 6 months ago)

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

Browser/OS: Chrome 116 on Mac OS X 10.15.7

reduce vs plain cycle (version: 0)