Run results for: Array vs TypedArray write performance %%%%%%%%%%%% nested

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:146.0) Gecko/20100101 Firefox/146.0

Browser: Firefox 146

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 7 months ago

TypedArray write

166K/s

Array write

116K/s

Nested write

82K/s

Map write

42K/s

Matrix write

42K/s

View exact numbers

Test name	Executions per second
✓ TypedArray write	165,924 Ops/sec
Array write	116,020 Ops/sec
Nested write	81,757 Ops/sec
Map write	42,386 Ops/sec
Matrix write	42,363 Ops/sec

Script Preparation code:

var array = new Array(10000).fill(1)
var typedArray = new Uint32Array(10000).fill(1);
var nested = new Array(100).fill(new Array(100).fill(1))

var matrix = {size:100, data:typedArray, get(x,y){return this.data[x*this.size+y]}, set(x,y,v){this.data[x*this.size+y]=v}, map(c){
const data = this.data;
const size = this.size;
for (let x=0; x<100; x++) {
  for (let y=0; y<100; y++) {
    const index = x*size+y
    data[index] = c(x,y, data[index]);
  }
}

}}

Tests:

Array write
for (let x=0; x<100; x++) { for (let y=0; y<100; y++) { array[x*100+y] += 1; } }
TypedArray write
for (let x=0; x<100; x++) { for (let y=0; y<100; y++) { typedArray[x*100+y] += 1; } }
Matrix write
for (let x=0; x<100; x++) { for (let y=0; y<100; y++) { matrix.set(x, y, matrix.get(x,y) +1); } }
Nested write
for (let x=0; x<100; x++) { for (let y=0; y<100; y++) { nested[x][y] += 1 } }
Map write
matrix.map((_,__,v)=>v+1)