Benchmark: Object vs array performance

Tests:

Object
const node_type_html = 1; const node = {}; node.type = node_type_html; node.tag = 'div'; node.children = []; node.attrs = {}; const nodeType = node.type; const nodeTag = node.tag; const nodeChildren = node.children; const nodeAttrs = node.attrs;
Array with constants
const node_index_type = 0; const node_index_tag = 1; const node_index_children = 2; const node_index_attrs = 3; const node_type_html = 1; const node = []; node[ node_index_type ] = node_type_html; node[ node_index_tag ] = 'div'; node[ node_index_children ] = []; node[ node_index_attrs ] = {}; const nodeType = node[ node_index_type ]; const nodeTag = node[ node_index_tag ]; const nodeChildren = node[ node_index_children ]; const nodeAttrs = node[ node_index_attrs ];
Array with inline numbers (post-minification)
const node_type_html = 1; const node_type_component = 1; const node = []; node[ 0 ] = node_type_html; node[ 1 ] = 'div'; node[ 2 ] = []; node[ 3 ] = {}; const nodeType = node[ 0 ]; const nodeTag = node[ 1 ]; const nodeChildren = node[ 2 ]; const nodeAttrs = node[ 3 ];

Rendered benchmark preparation results:

Previous results

Test case name	Result
Object
Array with constants
Array with inline numbers (post-minification)

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

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

Browser/OS: Safari 16 on Mac OS X 10.15.7

Test name	Executions per second
Object	47028220.0 Ops/sec
Array with constants	19284210.0 Ops/sec
Array with inline numbers (post-minification)	18976820.0 Ops/sec

Object vs array performance (version: 0)