Run results for: Object.keys filter vs Object.values reduce

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; GM1901) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Mobile Safari/537.36

Browser: Chrome Mobile 87

Operating system: Android

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
reduce	700837.4 Ops/sec
filter	435892.2 Ops/sec

Script Preparation code:

var INDICATOR = 'indicator';
var prunedInstances = {
  a: { state: { show: false }, id: 'boo' },
  b: { state: { show: true, display: INDICATOR }, id: 'foo' },
  c: { state: { show: true, display: INDICATOR }, id: 'fooC' },
  d: { state: { show: true, display: INDICATOR }, id: 'fooD' },
  e: { state: { show: false, display: INDICATOR }, id: 'fooE' },
  aa: { state: { show: false }, id: 'boo' },
  aaa: { state: { show: false }, id: 'boo' },
  aaaa: { state: { show: false }, id: 'boo' },
  aaaaa: { state: { show: false }, id: 'boo' },
};

Tests:

reduce
Object.values(prunedInstances).reduce((acc, cur) => { if (cur.state.show && cur.state.display === INDICATOR) { return cur.id; } }, []);
filter
Object.keys(prunedInstances).filter((id) => { const instance = prunedInstances[id]; return instance.state.show && instance.state.display === INDICATOR; });