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: 8 months ago

DataView

160.2M/s

Uint8Array by byte

130.1M/s

Uint8Array with set other Uint8Array

2.5M/s

DataView loop

786K/s

Uint8Array with set

131K/s

View exact numbers

Test name	Executions per second
✓ DataView	160,207,744 Ops/sec
Uint8Array by byte	130,148,992 Ops/sec
Uint8Array with set other Uint8Array	2,512,724 Ops/sec
DataView loop	786,490 Ops/sec
Uint8Array with set	130,856 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)); }