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: 2 years ago

Uint8Array by byte

16.9M/s

DataView

16.8M/s

Uint8Array with set other Uint8Array

8.2M/s

Uint8Array with set

1.5M/s

DataView loop

24K/s

View exact numbers

Test name	Executions per second
✓ Uint8Array by byte	16,854,644 Ops/sec
DataView	16,785,614 Ops/sec
Uint8Array with set other Uint8Array	8,216,158 Ops/sec
Uint8Array with set	1,505,971 Ops/sec
DataView loop	23,775 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)); }