Benchmark: switch-case vs custom fn

Tests:

switch-case
const options = ["top left", "top center", "top right", "left center", "right center", "bottom left", "bottom center", "bottom right"] const testIt = (fn) => { fn(); for (direction of options) fn(direction); } const getDirection = (direction) => { switch (direction) { case "top left": return "top-start"; case "top center": return "top"; case "top right": return "top-end"; case "left center": return "left"; case "right center": return "right"; case "bottom left": return "bottom-start"; case "bottom center": return "bottom"; case "bottom right": return "bottom-end"; default: return "top"; } }; testIt(getDirection);
custom fn
const options = ["top left", "top center", "top right", "left center", "right center", "bottom left", "bottom center", "bottom right"] const testIt = (fn) => { fn(); for (direction of options) fn(direction); } const getDirection = (direction = 'top') => { const [v, h] = direction.split(' '); const map = {left: 'start', right: 'end'}; return map[h] ? [v, map[h]].join(`-`) : v; }; testIt(getDirection);

Rendered benchmark preparation results:

Previous results

Test case name	Result
switch-case
custom fn

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

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

Browser/OS: Chrome 96 on Windows

Test name	Executions per second
switch-case	329849.7 Ops/sec
custom fn	213444.4 Ops/sec

switch-case vs custom fn (version: 0)