Run results for: flat typed array vs 2d typed array

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Browser: Chrome 133

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

flat array get

274.5M/s

flat array set

260.1M/s

2d array get

241.4M/s

2d array set

239.9M/s

View exact numbers

Test name	Executions per second
✓ flat array get	274,478,304 Ops/sec
flat array set	260,144,480 Ops/sec
2d array get	241,388,304 Ops/sec
2d array set	239,926,224 Ops/sec

Script Preparation code:

var arrDim = 1000;


var clArr = new Array(arrDim);
for (var i = 0; i < arrDim; i++) {
    clArr[i] = new Uint8Array(arrDim);
}

clArr.getSlice = function(i) {
    return this[i];
}
clArr.setVal = function(i, j, val) {
    this[i][j] = val;
}
clArr.getVal = function(i, j) {
    return this[i][j];
}


var flArr = new Uint8Array(Math.pow(arrDim, 2));

flArr.getSlice = function(i) {
    var start = i*arrDim;
    return this.slice(start, start + arrDim);
}
flArr.setVal = function(i, j, val) {
    this[i*arrDim + j] = val;
}
flArr.getVal = function(i, j) {
    return this[i*arrDim + j];
}

Tests:

flat array set
flArr.setVal(123, 123, 1);
2d array set
clArr.setVal(123, 123, 1);
flat array get
flArr.getVal(123, 123);
2d array get
clArr.getVal(123, 123);