Run results for: big object vs if statements

Run details:

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

Browser: Chrome 108

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
big object	3058600.5 Ops/sec
if	1926718.6 Ops/sec

Tests:

big object
const typography = {} const lineHeight = 10; const textColor = 'red'; const align = "left"; const transform = '' const underline = undefined; const strokeThrough = undefined; const fn = () => ({ ...typography, lineHeight, color: textColor, textAlign: align, textTransform: transform, ...(underline && { ...defaultStyles.underline, textDecorationColor: textColor, }), ...(strokeThrough && { ...defaultStyles.strokeThrough, textDecorationColor: textColor, }), }) fn()
if
const typography = {} const lineHeight = 10; const textColor = 'red'; const align = "left"; const transform = '' const underline = undefined; const strokeThrough = undefined; const fn = () => { const resp = { lineHeight, color: textColor, textAlign: align, textTransform: transform, }; if(underline) { resp.underline=truel } if(strokeThrough) { resp.strokeThrouh = true } return Object.assign(typography, resp) } fn()