Run results for: array.push vs object literal vs array literal

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:94.0) Gecko/20100101 Firefox/94.0

Browser: Firefox 94

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
array.push	1918328.0 Ops/sec
object literal	20100628.0 Ops/sec

Script Preparation code:

var props = { x: 1, y: 2, onClick: () => {}, onMouseDown: () => {}, onMouseUp: () => {}, visible: false }

Tests:

array.push
const a = [] Object.keys(props).forEach(it => { a.push('x', props[it]) })
object literal
const a = {} if (props.x != null) { a.x = props.x } if (props.y != null) { a.y = props.y } if (props.alpha != null) { a.alpha = props.alpha } if ('onClick' in props) { a.onClick = props.onClick } if ('onMouseDown' in props) { a.onMouseDown = props.onMouseDown } if ('onMouseUp' in props) { a.onMouseUp = props.onMouseUp } if ('visible' in props) { a.visible = props.visible }