Run results for: Object vs array performance 3

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:97.0) Gecko/20100101 Firefox/97.0

Browser: Firefox 97

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Object	51236430.0 Ops/sec
Array with constants	34299980.0 Ops/sec
Array with inline numbers (post-minification)	34318060.0 Ops/sec
Inline object	89992430.0 Ops/sec
inline array	51480540.0 Ops/sec

Tests:

Object
const node_type_html = 1; const node_type_text = 2; const node = {}; node.type = node_type_html; node.tag = 'div'; node.children = []; node.attrs = {}; node.type = node_type_text; node.tag = 'span'; node.children.push( 'test' ); node.attrs.class = 'test';
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_type_text = 2; const node = []; node[ node_index_type ] = node_type_html; node[ node_index_tag ] = 'div'; node[ node_index_children ] = []; node[ node_index_attrs ] = {}; node[ node_index_type ] = node_type_text; node[ node_index_tag ] = 'span'; node[ node_index_children ].push( 'test' ); node[ node_index_attrs ].class = 'test';
Array with inline numbers (post-minification)
const node_type_html = 1; const node_type_text = 2; const node_index_type = 0; const node_index_tag = 1; const node_index_children = 2; const node_index_attrs = 3; const node = []; node[ 0 ] = node_type_html; node[ 1 ] = 'div'; node[ 2 ] = []; node[ 3 ] = {}; node[ node_index_type ] = node_type_text; node[ node_index_tag ] = 'span'; node[ node_index_children ].push( 'test' ); node[ node_index_attrs ].class = 'test';
Inline object
const node_type_html = 1; const node_type_text = 2; const node = { type: node_type_text, tag: 'div', children: [], attrs: {} }; node.type = node_type_text; node.tag = 'span'; node.children.push( 'test' ); node.attrs.class = 'test';
inline array
const node_type_html = 1; const node_type_text = 2; const node = [ node_type_html, 'div', [], {} ]; node[ 0 ] = node_type_text; node[ 1 ] = 'span'; node[ 2 ].push( 'test' ); node[ 3 ].class = 'test';

Run results for: Object vs array performance 3

Object

Array with constants

Array with inline numbers (post-minification)

Inline object

inline array