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

Run details:

User agent: Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36 Vivaldi/3.7

Browser: Chrome 90

Operating system: Linux

Device Platform: Desktop

Date tested: 5 months ago

Test name	Executions per second
DataView	160207744.0 Ops/sec
Uint8Array by byte	130148992.0 Ops/sec
Uint8Array with set	130856.0 Ops/sec
Uint8Array with set other Uint8Array	2512724.0 Ops/sec
DataView loop	786489.6 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