Run results for: Array Access vs Object Access with Random Value

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36 Edg/141.0.0.0

Browser: Chrome 141

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

Object with Deconstruct

41K/s

Object

21K/s

Array

20K/s

Array with Deconstruct

15K/s

View exact numbers

Test name	Executions per second
✓ Object with Deconstruct	41,120 Ops/sec
Object	21,434 Ops/sec
Array	19,512 Ops/sec
Array with Deconstruct	15,460 Ops/sec

Script Preparation code:

const data = Array.from({ length: 4 * 10000 }, () => Math.random());
const arr = Array(10000).fill(0);
const obj = Array(10000).fill(0);

for (let i = 0; i < 10000; i++) {
	const b = i * 4;
  	arr[i] = [data[b], data[b + 1], data[b + 2], data[b + 3]];
  	obj[i] = { x: data[b], y: data[b + 1], w: data[b + 2], h: data[b + 3] };
}

Tests:

Array
let result = 0; for (let i = 0; i < 10000; i++) { result += arr[i][0] + arr[i][1] + arr[i][2] + arr[i][3]; }
Array with Deconstruct
let result = 0; for (let i = 0; i < 10000; i++) { const [x, y, w, h] = arr[i]; result += x + y + w + h; }
Object
let result = 0; for (let i = 0; i < 10000; i++) { result += obj[i].x + obj[i].y + obj[i].w + obj[i].h; }
Object with Deconstruct
let result = 0; for (let i = 0; i < 10000; i++) { const { x, y, w, h } = obj[i]; result += x + y + w + h; }