Benchmark: filter map vs reduce vs for of vs for in vs for length

Script Preparation code:

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

Tests:

filter map
test.filter(item => item.class ==2).map(item => item.id)
reduce
test.reduce((acc, item) => { if(item.class==2) { acc.push(item.id) return acc } return acc }, [])
for of
let acc = [] for(const item of test) { if(item.class==2) { acc.push(item.id) } }
for in
let acc = [] for(const indx in test) { const item = test[indx] if(item.class==2) { acc.push(item.id) } }
for length
let acc = [] for(let i=1; i<test.length; i++) { const item = test[i] if(item.class==2) { acc.push(item.id) } }

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 OPR/104.0.0.0

Browser/OS: Opera 104 on Windows

filter map vs reduce vs for of vs for in vs for length (version: 5)