Benchmark: array vs Float64Array

Script Preparation code:

var a = [...Array(10000)].map(_ => Math.random());
var ta = (new Float64Array(10000)).map(_ => Math.random());

Tests:

array reverse
a.reverse();
typedArray reverse
ta.reverse();
array i/o
for (let i = 0; i < 10000; ++i) a[i] = a[i] + 1;
typedArray i/o
for (let i = 0; i < 10000; ++i) ta[i] = ta[i] + 1;

Historical Performance Data aggregated from 86 community runs

Desktop Results:

Chrome 57 runs

typedArray reverse

372K/s

array reverse

137K/s

array i/o

27K/s

typedArray i/o

23K/s

Fastest: typedArray reverse (16.0x faster)

View exact numbers

✓ typedArray reverse: 371,910 ops/sec
• array reverse: 136,838 ops/sec
• array i/o: 26,794 ops/sec
• typedArray i/o: 23,179 ops/sec

Firefox 21 runs

typedArray i/o

150K/s

array reverse

142K/s

typedArray reverse

132K/s

array i/o

80K/s

Fastest: typedArray i/o (1.9x faster)

View exact numbers

✓ typedArray i/o: 149,717 ops/sec
• array reverse: 142,096 ops/sec
• typedArray reverse: 131,572 ops/sec
• array i/o: 79,676 ops/sec

Mobile Results:

Chrome 8 runs

typedArray reverse

148K/s

array reverse

55K/s

typedArray i/o

3K/s

array i/o

2K/s

Fastest: typedArray reverse (60.2x faster)

View exact numbers

✓ typedArray reverse: 147,742 ops/sec
• array reverse: 55,061 ops/sec
• typedArray i/o: 2,612 ops/sec
• array i/o: 2,456 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
array reverse
typedArray reverse
array i/o
typedArray i/o

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 days ago)

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

Browser/OS: Chrome 151 on Windows

View result in a separate tab

typedArray reverse

391K/s

array reverse

134K/s

array i/o

4K/s

typedArray i/o

4K/s

View exact numbers

Test name	Executions per second
✓ typedArray reverse	390,925 Ops/sec
array reverse	134,308 Ops/sec
array i/o	4,142 Ops/sec
typedArray i/o	3,709 Ops/sec

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

LLMs can make mistakes. Check important info.

**Overview of the Benchmark**

MeasureThat.net is a website that allows users to create and run JavaScript microbenchmarks. The provided benchmark compares the performance of arrays (native JavaScript data structure) with Float64Array (a typed array for 64-bit floating-point numbers). The test cases focus on common operations like reversing an array, assigning values to elements in an array, and accessing elements in a typed array.

**Options Compared**

The benchmark compares two approaches:

1. **Native Array**: Using native JavaScript arrays for all operations.
2. **TypedArray**: Using Float64Array (a typed array) instead of native arrays for some operations.

**Pros and Cons**

**Native Array:**

Pros:

* No additional setup required
* Native support, so no need to include libraries or polyfills

Cons:

* Performance might be slower due to overhead of JavaScript interpretation
* Can lead to slower execution times compared to typed arrays

**TypedArray (Float64Array):**

Pros:

* Can provide faster execution times for certain operations
* Typed arrays are optimized for performance and memory usage

Cons:

* Requires additional setup with the `Float64Array` constructor
* Might require including libraries or polyfills if not supported natively

**Library Used:**

In this benchmark, no specific library is mentioned. However, Float64Array is a native JavaScript data structure that does not require any external libraries.

**Special JS Feature or Syntax:**

There are no special JavaScript features or syntaxes used in this benchmark. The tests only involve basic arithmetic operations and array manipulations.

**Other Alternatives:**

To improve performance, alternative approaches can be explored:

* Using WebAssembly (WASM) for execution
* Compiling the script to native machine code using tools like V8 or SpiderMonkey
* Optimizing JavaScript code with techniques like memoization or caching

Keep in mind that these alternatives may require additional setup and expertise.

**Benchmark Preparation Code Explanation**

The preparation code is used to create an array of 10,000 random numbers and another typed array (Float64Array) for the same purpose:

```javascript
var a = [...Array(10000)].map(_ => Math.random()); // native array
var ta = (new Float64Array(10000)).map(_ => Math.random()); // typed array
```

This code uses the spread operator (`...`) to create an array from an array expression, which is then used in a `map` function to generate random numbers. For the typed array, it creates a new Float64Array instance and maps over its elements using the same random number generator.

**Individual Test Cases:**

Each test case measures the performance of a specific operation:

* `array reverse`: Reverses the native array
* `typedArray reverse`: Reverses the typed array (Float64Array)
* `array i/o` : Assigns values to elements in the native array, then accesses those values.
* `typedArray i/o`: Assigns values to elements in the typed array (Float64Array), then accesses those values.

These tests are designed to identify any potential performance differences between using native arrays and typed arrays for specific operations.

array vs Float64Array (version: 0)

Comparing performance of: `array reverse vs typedArray reverse vs array i/o vs typedArray i/o`

Created: 7 years ago by: Guest

Go to the latest result

array reverse

typedArray reverse

array i/o

typedArray i/o

Historical Performance Data aggregated from 86 community runs

Desktop Results:

Chrome 57 runs

Firefox 21 runs

Mobile Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

array vs Float64Array (version: 0)

Comparing performance of: array reverse vs typedArray reverse vs array i/o vs typedArray i/o

Created: 7 years ago by: Guest

Go to the latest result

array reverse

typedArray reverse

array i/o

typedArray i/o

Historical Performance Data aggregated from 86 community runs

Desktop Results:

Chrome 57 runs

Firefox 21 runs

Mobile Results:

Chrome 8 runs

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 reverse vs typedArray reverse vs array i/o vs typedArray i/o`