Benchmark: array.push vs object literal vs array literal

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 }

Rendered benchmark preparation results:

Previous results

Test case name	Result
array.push
object literal

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

Latest run results:

Run details: (Test run date: 6 months ago)

User agent: iCab/9.6.4 CFNetwork/711.2.23 Darwin 14.0.0

Browser/OS: iCab 9 on Other

Test name	Executions per second
array.push	286364.6 Ops/sec
object literal	453024.6 Ops/sec

array.push vs object literal vs array literal (version: 0)