Benchmark: ArrayBuffer encoding / decoding methods

Script Preparation code:

var randomArray = Array.from({ length: 1000 }, () => Math.floor(Math.random() * 256))
var randomArrayBuffer = new Uint8Array(randomArray)
var randomString = new TextDecoder().decode(randomArrayBuffer)

Tests:

Array.from()
Array.from(randomArrayBuffer)
new TextDecoder()
new TextDecoder().decode(randomArrayBuffer)
new Uint8Array()
new Uint8Array(randomArray)
new TextEncoder()
new TextEncoder().encode(randomString)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.from()
new TextDecoder()
new Uint8Array()
new TextEncoder()

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 137 on Windows

View result in a separate tab

new Uint8Array()

890K/s

new TextDecoder()

530K/s

new TextEncoder()

244K/s

Array.from()

65K/s

View exact numbers

Test name	Executions per second
✓ new Uint8Array()	889,584 Ops/sec
new TextDecoder()	529,903 Ops/sec
new TextEncoder()	244,277 Ops/sec
Array.from()	65,273 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

**Overview of the Benchmark**

The provided JSON represents a JavaScript microbenchmark that compares four different approaches for encoding and decoding strings:

1. `Array.from()` with `new Uint8Array()`
2. `new TextDecoder()` with `decode()`
3. `new Uint8Array()` with `encode()`
4. `new TextEncoder()` with `encode()`

**Options Compared**

The benchmark compares the execution time of each approach to convert an array of random integers to a string using UTF-16 encoding.

* **`Array.from(randomArrayBuffer)`**: Creates a new array from a given buffer and then converts it to a string.
* **`new TextDecoder().decode(randomArrayBuffer)`**: Uses a `TextDecoder` object to decode the bytes in the buffer to a string.
* **`new Uint8Array(randomArray)`**: Creates a new byte array from an existing array and then converts it to a string using UTF-16 encoding.
* **`new TextEncoder().encode(randomString)`**: Not actually tested, as `randomString` is not used in this benchmark.

**Pros and Cons of Each Approach**

1. **`Array.from()` with `new Uint8Array()`**:
	* Pros: Simple and straightforward implementation.
	* Cons: May incur additional overhead due to the creation of an intermediate array.
2. **`new TextDecoder()` with `decode()`**:
	* Pros: Provides a more efficient way to convert bytes to a string, especially for large datasets.
	* Cons: May be slower than other approaches if not properly configured (e.g., byte order marking).
3. **`new Uint8Array()` with `encode()`**:
	* Pros: Similar to the first approach but without creating an intermediate array.
	* Cons: May incur additional overhead due to the creation of a new byte array.

**Library and Syntax Considerations**

The benchmark uses the following libraries:

* `TextDecoder`: A built-in JavaScript object that provides a way to decode bytes to a string. It is used in the second test case.
* `TextEncoder`: A built-in JavaScript object that provides a way to encode strings to bytes. Although mentioned in the benchmark, it is not actually tested.

No special JavaScript features or syntax are used in this benchmark.

**Other Alternatives**

If you need to convert strings to bytes or vice versa, other alternatives might include:

* Using `Buffer` and its methods (e.g., `buffer.toString()`, `buffer.write()`).
* Using `Blob` and its methods (e.g., `blob.arrayBuffer()`, `blob.text()`).
* Using third-party libraries like `iconv-lite` or `js-xhr-encode`.

Keep in mind that these alternatives might have different performance characteristics depending on the specific use case.

ArrayBuffer encoding / decoding methods (version: 1) Benchmark.js

Array.from() vs TextDecoder() and new Uint8Array() vs TextEncoder()

Comparing performance of: `Array.from() vs new TextDecoder() vs new Uint8Array() vs new TextEncoder()`

Created: 3 years ago by: Registered User

Go to the latest result

Array.from()

new TextDecoder()

new Uint8Array()

new TextEncoder()

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

ArrayBuffer encoding / decoding methods (version: 1) Benchmark.js

Array.from() vs TextDecoder() and new Uint8Array() vs TextEncoder()

Comparing performance of: Array.from() vs new TextDecoder() vs new Uint8Array() vs new TextEncoder()

Created: 3 years ago by: Registered User

Go to the latest result

Array.from()

new TextDecoder()

new Uint8Array()

new TextEncoder()

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `Array.from() vs new TextDecoder() vs new Uint8Array() vs new TextEncoder()`