Run results for: DataView vs Uint8Array by bytes vs Uint8Array set Uint8Array vs DataView loop

Run details:

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

Browser: Chrome 119

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 4 months ago

Test name	Executions per second
DataView	16785610.0 Ops/sec
Uint8Array by byte	16854640.0 Ops/sec
Uint8Array with set	1505971.0 Ops/sec
Uint8Array with set other Uint8Array	8216159.0 Ops/sec
DataView loop	23775.2 Ops/sec

Script Preparation code:

var size = 0xFF;
var buf = new ArrayBuffer(size);
var view = new DataView(buf);
var byte = new Uint8Array(buf);

var data = [];

for (let i = 0; i < size; i++) {
    data[i] = 100 * Math.random();
}

var dataBytes = new Uint8Array(data);
var dataView = new DataView(dataBytes.buffer);

Tests:

DataView
for (let i; i < size; i++) { view.setUint8(i, data[i]); }
Uint8Array by byte
for (let i; i < size; i++) { byte[i] = data[i]; }
Uint8Array with set
byte.set(data, 0);
Uint8Array with set other Uint8Array
byte.set(dataBytes, 0);
DataView loop
for (let i = 0; i < dataBytes.length; i++) { view.setUint8(i, dataView.getUint8(i)); }

Run results for: DataView vs Uint8Array by bytes vs Uint8Array set Uint8Array vs DataView loop

DataView

Uint8Array by byte

Uint8Array with set

Uint8Array with set other Uint8Array

DataView loop