Benchmark: foofooo - MeasureThat.net

Tests:

Keys
const BREAKPOINTS = { desktop: 1024, desktopMedium: 1280, desktopWide: 1600, mobile: 320, mobileMedium: 375, mobileWide: 425, tablet: 768, } const size = 1100 const keys = Object.keys(BREAKPOINTS) keys.reduce((previous, current) => { const currentWidth = BREAKPOINTS[current] const previousWidth = BREAKPOINTS[previous] return Math.abs(size - previousWidth) < Math.abs(size - currentWidth) ? previous : current }, 'desktop')
Entries
const BREAKPOINTS = { desktop: 1024, desktopMedium: 1280, desktopWide: 1600, mobile: 320, mobileMedium: 375, mobileWide: 425, tablet: 768, } const size = 1100 const entries = Object.entries(BREAKPOINTS) entries.sort(([, widthA], [_, widthB]) => { return Math.abs(widthA - size) - Math.abs(widthB - size) })[0][0]

Rendered benchmark preparation results:

Previous results

Test case name	Result
Keys
Entries

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 83 on Mac OS X 10.15.4

Test name	Executions per second
Keys	370435.1 Ops/sec
Entries	206655.2 Ops/sec

foofooo (version: 0)