Benchmark: JS Filter vs Reduce vs Foreach

Filter

const arr = [{key: "a", value: 0},
             {key: "b", value: 0},
             {key: "c", value: 1},
             {key: "d", value: 0},
             {key: "e", value: 1},
             {key: "f", value: 1},
             {key: "g", value: 0},
             {key: "h", value: 1},
             {key: "i", value: 0},
             {key: "j", value: 1}]

arr.filter(item => item.value === 1)

Reduce

const arr = [{key: "a", value: 0},
             {key: "b", value: 0},
             {key: "c", value: 1},
             {key: "d", value: 0},
             {key: "e", value: 1},
             {key: "f", value: 1},
             {key: "g", value: 0},
             {key: "h", value: 1},
             {key: "i", value: 0},
             {key: "j", value: 1}]

arr.reduce((acc,item) => { 
  if (item.value === 1)
    acc.push(item) 
  return acc;
}, [])

Foreach

const arr = [{key: "a", value: 0},
             {key: "b", value: 0},
             {key: "c", value: 1},
             {key: "d", value: 0},
             {key: "e", value: 1},
             {key: "f", value: 1},
             {key: "g", value: 0},
             {key: "h", value: 1},
             {key: "i", value: 0},
             {key: "j", value: 1}]

let result = []
arr.forEach(item => {
  if (item.value === 1)
    result.push(item);
})

JS Filter vs Reduce vs Foreach (version: 0)

Comparing performance of: Filter vs Reduce vs Foreach

Created: 3 years ago by: Guest

Jump to the latest result

Filter

Reduce

Foreach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

Test case name	Result
Filter
Reduce
Foreach