Run results for: Object vs Array

Run details:

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

Browser: Firefox 139

Operating system: Windows

Device Platform: Desktop

Date tested: 4 months ago

Test name	Executions per second
Object	2647.4 Ops/sec
Array find	477.8 Ops/sec
Array findIndex	479.9 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

var codes = Array.from(Array(30000), () => `${Math.floor(Math.random() * 20)}`);

var textDefinitionsArray = [
{code: '20', label: 'AAA', labelShort: 'AAA', description: undefined, body: undefined},
{code: '19', label: 'AA+', labelShort: 'AA+', description: undefined, body: undefined},
{code: '18', label: 'AA', labelShort: 'AA', description: undefined, body: undefined},
{code: '17', label: 'AA-', labelShort: 'AA-', description: undefined, body: undefined},
{code: '16', label: 'A+', labelShort: 'A+', description: undefined, body: undefined},
{code: '15', label: 'A', labelShort: 'A', description: undefined, body: undefined},
{code: '14', label: 'A-', labelShort: 'A-', description: undefined, body: undefined},
{code: '13', label: 'BBB+', labelShort: 'BBB+', description: undefined, body: undefined},
{code: '12', label: 'BBB', labelShort: 'BBB', description: undefined, body: undefined},
{code: '11', label: 'BBB-', labelShort: 'BBB-', description: undefined, body: undefined},
{code: '10', label: 'BB+', labelShort: 'BB+', description: undefined, body: undefined},
{code: '9', label: 'BB', labelShort: 'BB', description: undefined, body: undefined},
{code: '8', label: 'BB-', labelShort: 'BB-', description: undefined, body: undefined},
{code: '7', label: 'B+', labelShort: 'B+', description: undefined, body: undefined},
{code: '6', label: 'B', labelShort: 'B', description: undefined, body: undefined},
{code: '5', label: 'B-', labelShort: 'B-', description: undefined, body: undefined},
{code: '4', label: 'CCC+', labelShort: 'CCC+', description: undefined, body: undefined},
{code: '3', label: 'CCC', labelShort: 'CCC', description: undefined, body: undefined},
{code: '2', label: 'CCC-', labelShort: 'CCC-', description: undefined, body: undefined},
{code: '1', label: 'C-D', labelShort: 'C-D', description: undefined, body: undefined}
,];

var textDefinitionsObject = {
"20": {label: 'AAA', labelShort: 'AAA', description: undefined, body: undefined},
"19": {label: 'AA+', labelShort: 'AA+', description: undefined, body: undefined},
"18": {label: 'AA', labelShort: 'AA', description: undefined, body: undefined},
"17": {label: 'AA-', labelShort: 'AA-', description: undefined, body: undefined},
"16": {label: 'A+', labelShort: 'A+', description: undefined, body: undefined},
"15": {label: 'A', labelShort: 'A', description: undefined, body: undefined},
"14": {label: 'A-', labelShort: 'A-', description: undefined, body: undefined},
"13": {label: 'BBB+', labelShort: 'BBB+', description: undefined, body: undefined},
"12": {label: 'BBB', labelShort: 'BBB', description: undefined, body: undefined},
"11": {label: 'BBB-', labelShort: 'BBB-', description: undefined, body: undefined},
"10": {label: 'BB+', labelShort: 'BB+', description: undefined, body: undefined},
"9": {label: 'BB', labelShort: 'BB', description: undefined, body: undefined},
"8": {label: 'BB-', labelShort: 'BB-', description: undefined, body: undefined},
"7": {label: 'B+', labelShort: 'B+', description: undefined, body: undefined},
"6": {label: 'B', labelShort: 'B', description: undefined, body: undefined},
"5": {label: 'B-', labelShort: 'B-', description: undefined, body: undefined},
"4": {label: 'CCC+', labelShort: 'CCC+', description: undefined, body: undefined},
"3": {label: 'CCC', labelShort: 'CCC', description: undefined, body: undefined},
"2": {label: 'CCC-', labelShort: 'CCC-', description: undefined, body: undefined},
"1": {label: 'C-D', labelShort: 'C-D', description: undefined, body: undefined}
};

Tests:

Object
codes.forEach(code => textDefinitionsObject[code])
Array find
codes.forEach(code => textDefinitionsArray.find(d => d.code === code))
Array findIndex
codes.forEach(code => textDefinitionsArray.findIndex(d => d.code === code))

Run results for: Object vs Array

Object

Array find

Array findIndex