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

Run details:

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

Browser: Chrome 103

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
DataView	13674036.0 Ops/sec
Uint8Array by byte	13651717.0 Ops/sec
Uint8Array with set	782373.9 Ops/sec
Uint8Array with set other Uint8Array	5894152.0 Ops/sec
DataView loop	20101.9 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