Benchmark: Teast reduce or entries filter fromEntries

Tests:

Test reduce
const state = { lorem: { test: 'ok', hidden: true }, ipsum: { test: 'ok' } } const filtered = Object.entries(state).reduce( (h, [name, value]) => (value.hidden ? h : { ...h, [name]: value }), {} )
Test entries
const state = { lorem: { test: 'ok', hidden: true }, ipsum: { test: 'ok' } } const filtered = Object.entries(state).filter(([key, value]) => !value.hidden) const rest = Object.fromEntries(filtered)
Test for in
const state = { lorem: { test: 'ok', hidden: true }, ipsum: { test: 'ok' } } let result = {} for (const prop in state) { if (!state[prop].hidden) { result = { ...result, [prop]: state[prop] } } }

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: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Browser/OS: Chrome 108 on Linux

Teast reduce or entries filter fromEntries (version: 0)