Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
DataView vs Uint32Array
(version: 0)
DataView vs Uint32Array
Comparing performance of:
DataView vs Uint32Array loop vs Uint32Array set
Created:
4 years ago
by:
Guest
Go to the latest result
Script Preparation code:
var size = 4 * 1000; var buf = new ArrayBuffer(size); var view = new DataView(buf); var u32view = new Uint32Array(buf); var data = []; for (let i = 0; i < size/4; i++) { data[i] = 10000*Math.random(); }
Tests:
DataView
for (let i = 0, len = size/4; i < len; i++) { view.setUint32(i*4, data[i]); }
Uint32Array loop
for (let i = 0, len = size/4; i < len; i++) { u32view[i] = data[i]; }
Uint32Array set
u32view.set(data, 0)
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (3)
Previous results
Fork
Test case name
Result
DataView
Uint32Array loop
Uint32Array set
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36
Browser/OS:
Chrome 123 on Mac OS X 10.15.7
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=515638" width="100%" height="500px"></iframe>
Uint32Array set
968K/s
Uint32Array loop
16K/s
DataView
14K/s
View exact numbers
Test name
Executions per second
✓
Uint32Array set
968,071 Ops/sec
Uint32Array loop
15,681 Ops/sec
DataView
14,015 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Let's break down what's being tested in this benchmark. **What is being tested?** The benchmark is comparing the performance of three different approaches to write data into a `Uint32Array`: 1. **DataView**: Using the `DataView` class to create a view into an underlying ArrayBuffer, and then using the `setUint32` method to write 32-bit unsigned integers into the array. 2. **Uint32Array loop**: Creating a `Uint32Array` from the same ArrayBuffer as above, and then iterating over the array using a for loop to write each element individually. 3. **Uint32Array set**: Using the `set` method of the `Uint32Array` class to write all elements into the array at once. **Options compared** The benchmark is comparing the performance of these three approaches: * **DataView with setUint32**: Uses the `setUint32` method to write data into the array. * **Uint32Array loop**: Iterates over the array using a for loop to write each element individually. * **Uint32Array set**: Uses the `set` method to write all elements into the array at once. **Pros and cons of each approach** * **DataView with setUint32**: + Pros: Can be more efficient when writing large amounts of data, as it avoids iteration over the array. Additionally, it can provide better alignment and padding. + Cons: Requires creating a `DataView` object, which can incur overhead in some cases. * **Uint32Array loop**: + Pros: Iterates directly over the elements of the array, avoiding any additional overhead of creating a view or using a set method. Also, allows for easier debugging and inspection of individual elements. + Cons: Can be slower than using `setUint32` when writing large amounts of data, as it involves iteration over the array. * **Uint32Array set**: + Pros: Fastest way to write all elements into the array at once. Provides good performance for large datasets. + Cons: Requires careful consideration of buffer alignment and padding to avoid issues with data corruption or truncation. **Library/Tool** The benchmark uses JavaScript's built-in `DataView` class, which provides a view into an underlying ArrayBuffer. The `Uint32Array` class is also used in conjunction with the `DataView`. **Special JS feature/syntax** There are no special JavaScript features or syntax used in this benchmark that would require additional explanation. **Alternatives** If you're interested in exploring alternative approaches to writing data into a `Uint32Array`, here are some options: * Using a buffer-based approach, such as the `Buffer` class in Node.js. * Using a library like WebAssembly, which provides more efficient memory management and caching. * Using a different JavaScript engine or runtime environment that may optimize these operations differently.
Related benchmarks
copy ArrayBuffer: DataView vs Uint8Array.set vs Float64Array.set vs by bytes
DataView vs Uint8Array by bytes vs Native Array
DataView vs Uint32Array debunking myth
copy ArrayBuffer: DataView vs Uint8Array.set vs Float64Array.set vs by bytes (2)
Comments
Confirm delete:
Do you really want to delete benchmark?