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

Run details:

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

Browser: Firefox 146

Operating system: Windows

Device Platform: Desktop

Date tested: 7 months ago

TypedArray write

24K/s

Array write

20K/s

Nested write

13K/s

Map write

9K/s

Matrix write

7K/s

View exact numbers

Test name	Executions per second
✓ TypedArray write	23,960 Ops/sec
Array write	20,128 Ops/sec
Nested write	13,007 Ops/sec
Map write	9,483 Ops/sec
Matrix write	7,133 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)