Benchmark: Checkboxes table OBJECT VS ARRAY

HTML Preparation code:

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

Script Preparation code:

let array = [];

for (let i = 0; i < 100; i++) {
	array.push({ id: i+1 })
}

let obj = array.reduce((acc, item) => ({ ...acc, [item]: 'dataObj' }), {});

Tests:

OBJECT
let items = obj; for (let i = 0; i < 100; i++) { items = obj; const newItems = { ...items, 5050: 'newDataObj' } const copyItems = { ...items } delete copyItems['5050'] items = []; }
ARRAY
let items = array; for (let i = 0; i < 100; i++) { items = array; const index = items.findIndex((item) => item.id === 5050) || null; if (index) { items[index] = 5050 } else { items.push({ id: 5050 }) } items.filter((item) => item.id !== 5050) items = []; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
OBJECT
ARRAY

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser/OS: Chrome 131 on Linux

View result in a separate tab

Test name	Executions per second
OBJECT	41766.3 Ops/sec
ARRAY	22662.2 Ops/sec

Checkboxes table OBJECT VS ARRAY (version: 3)

Comparing performance of: OBJECT vs ARRAY

Created: one year ago by: Registered User

Jump to the latest result

OBJECT

ARRAY

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A