Benchmark: Direct Array vs Typed Array vs Array

Tests:

new TypedArray
let arr = new Float32Array(1000000); arr[0] = Math.random(); for (let i = 0; i < 1000000; i++) { arr[i] = arr[i - 1]; }
new Array
let arr = new Array(1000000); arr[0] = Math.random(); for (let i = 0; i < 1000000; i++) { arr[i] = arr[i - 1]; }
Direct Array
let arr = []; arr[0] = Math.random(); for (let i = 0; i < 1000000; i++) { arr[i] = arr[i - 1]; }

Historical Performance Data aggregated from 47 community runs

Desktop Results:

Chrome 22 runs

new TypedArray

126/s

new Array

122/s

Direct Array

91/s

Fastest: new TypedArray (1.4x faster)

View exact numbers

✓ new TypedArray: 126 ops/sec
• new Array: 122 ops/sec
• Direct Array: 91 ops/sec

Firefox 11 runs

new TypedArray

210/s

new Array

68/s

Direct Array

67/s

Fastest: new TypedArray (3.1x faster)

View exact numbers

✓ new TypedArray: 210 ops/sec
• new Array: 68 ops/sec
• Direct Array: 67 ops/sec

Safari 5 runs

new Array

551/s

Direct Array

336/s

new TypedArray

115/s

Fastest: new Array (4.8x faster)

View exact numbers

✓ new Array: 551 ops/sec
• Direct Array: 336 ops/sec
• new TypedArray: 115 ops/sec

Mobile Results:

Chrome 9 runs

new TypedArray

64/s

Direct Array

47/s

new Array

39/s

Fastest: new TypedArray (1.6x faster)

View exact numbers

✓ new TypedArray: 64 ops/sec
• Direct Array: 47 ops/sec
• new Array: 39 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
new TypedArray
new Array
Direct Array

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 7 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0

Browser/OS: Firefox 147 on Windows

View result in a separate tab

new TypedArray

232/s

Direct Array

104/s

new Array

104/s

View exact numbers

Test name	Executions per second
✓ new TypedArray	232 Ops/sec
Direct Array	104 Ops/sec
new Array	104 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and its components.

**Benchmark Purpose:**
The benchmark compares the performance of three different array types in JavaScript:

1. **Direct Array**: A standard JavaScript array, created using the `[]` syntax or the `Array()` constructor.
2. **Typed Array**: A specialized array type that provides enhanced performance for specific data types, such as numbers (Float32Array), integers (Int32Array), and others. Typed arrays are created using constructors like `Float32Array()`, `Int32Array()`, etc.

**Options Compared:**

* **Direct Array vs Typed Array**: The benchmark compares the performance of direct arrays versus typed arrays for a specific data type, in this case, Float32Array.
	+ Pros:
		- Easy to use and understand.
		- Familiar syntax for most developers.
	+ Cons:
		- May not be optimized for specific data types, resulting in slower performance.
* **Direct Array vs Array**: The benchmark also compares the performance of direct arrays versus standard JavaScript arrays (created using `[]` syntax or `Array()` constructor).
	+ Pros:
		- Still a familiar syntax for most developers.
	+ Cons:
		- May not be optimized for specific data types, resulting in slower performance compared to typed arrays.

**Library and Purpose:**
In the benchmark, a library is used to create and manipulate typed arrays. Specifically:

* `Float32Array`: A typed array that provides optimized storage and manipulation of 32-bit floating-point numbers.

The purpose of using typed arrays is to take advantage of specialized memory layouts and operations that are not available in standard JavaScript arrays, resulting in improved performance for certain use cases.

**Special JS Feature/Syntax:**
There is no explicit special feature or syntax used in the benchmark. However, it's worth noting that some modern JavaScript engines, like WebAssembly, may provide additional features or optimizations that could impact performance.

**Alternatives:**

1. **NativeArray**: A typed array from the WebAssembly (WASM) specification, which provides a more efficient and portable alternative to traditional typed arrays.
2. **NativeFloat32Array**, **NativeInt32Array**, etc.: Other specialized typed arrays for specific data types, which might be used in certain performance-critical applications.

Keep in mind that these alternatives are still subject to the limitations of their respective standards and may not offer significant advantages over traditional typed arrays in all use cases.

Direct Array vs Typed Array vs Array (version: 0) Benchmark.js

Comparing performance of: `new TypedArray vs new Array vs Direct Array`

Created: 6 years ago by: Guest

Go to the latest result

new TypedArray

new Array

Direct Array

Historical Performance Data aggregated from 47 community runs

Desktop Results:

Chrome 22 runs

Firefox 11 runs

Safari 5 runs

Mobile Results:

Chrome 9 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Direct Array vs Typed Array vs Array (version: 0) Benchmark.js

Comparing performance of: new TypedArray vs new Array vs Direct Array

Created: 6 years ago by: Guest

Go to the latest result

new TypedArray

new Array

Direct Array

Historical Performance Data aggregated from 47 community runs

Desktop Results:

Chrome 22 runs

Firefox 11 runs

Safari 5 runs

Mobile Results:

Chrome 9 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: `new TypedArray vs new Array vs Direct Array`