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

Run details:

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

Browser: Firefox 143

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

Object

53K/s

Object with Deconstruct

45K/s

Array

37K/s

Array with Deconstruct

21K/s

View exact numbers

Test name	Executions per second
✓ Object	53,238 Ops/sec
Object with Deconstruct	44,511 Ops/sec
Array	36,660 Ops/sec
Array with Deconstruct	20,741 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; }