Run results for: get x versus array[0] versus FloatArray32 versus FloatArray32 get

Run details:

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

Browser: Chrome 133

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

array[0]

10K/s

float 32

9K/s

extended float 32

9K/s

set / get

1K/s

View exact numbers

Test name	Executions per second
✓ array[0]	10,220 Ops/sec
float 32	9,207 Ops/sec
extended float 32	9,062 Ops/sec
set / get	1,132 Ops/sec

Script Preparation code:

class Something extends Float32Array {
  
  constructor (val) {
    super(1);
    this[0] = val;
  }

  get x () { return this[0]; }
  set x (v) { this[0] = v; }
}

const size = 10000;
const array = new Array(16).fill(1);
const arrayEF32 = new Something (16);
const arrayF32 = new Float32Array (16);
const obj = {
    get x() {
        return array[0];
    },

    set x(value) {
        array[0] = value;
    }
};

Tests:

array[0]
let sum = 0; for (let i = 0; i < size; i++) { array[0] = Math.random () * 1000; sum += array[0]; }
set / get
let sum = 0; for (let i = 0; i < size; i++) { obj.x = Math.random () * 1000; sum += obj.x; }
float 32
let sum = 0; for (let i = 0; i < size; i++) { arrayF32[0] = Math.random () * 1000; sum += arrayF32[0]; }
extended float 32
let sum = 0; for (let i = 0; i < size; i++) { arrayEF32.x = Math.random () * 1000; sum += arrayEF32.x; }