Benchmark: slice vs subarray vs set custom

Script Preparation code:

var data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
var u8 = new Uint8Array(data);

Tests:

subarray direct
var copy = u8.subarray(10, 20);
slice direct
var copy = u8.slice(10, 20);
subarray copy
var copy = new Uint8Array(u8.subarray(10, 20));
slice copy
var copy = new Uint8Array(u8.slice(10, 20));
subarray set
var copy = new Uint8Array(10).set(u8.subarray(10, 20));
slice set
var copy = new Uint8Array(10).set(u8.slice(10, 20));

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

subarray direct

31.1M/s

slice direct

24.4M/s

subarray copy

11.5M/s

subarray set

11.2M/s

slice copy

10.9M/s

slice set

10.2M/s

Fastest: subarray direct (3.0x faster)

View exact numbers

✓ subarray direct: 31,053,592 ops/sec
• slice direct: 24,429,764 ops/sec
• subarray copy: 11,517,002 ops/sec
• subarray set: 11,168,039 ops/sec
• slice copy: 10,917,735 ops/sec
• slice set: 10,204,764 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
subarray direct
slice direct
subarray copy
slice copy
subarray set
slice set

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; rv:137.0) Gecko/20100101 Firefox/137.0

Browser/OS: Firefox 137 on Windows

View result in a separate tab

slice direct

7.3M/s

subarray direct

6.1M/s

slice set

4.8M/s

subarray set

4.0M/s

slice copy

3.8M/s

subarray copy

3.5M/s

View exact numbers

Test name	Executions per second
✓ slice direct	7,280,128 Ops/sec
subarray direct	6,081,746 Ops/sec
slice set	4,818,552 Ops/sec
subarray set	4,028,676 Ops/sec
slice copy	3,831,528 Ops/sec
subarray copy	3,488,913 Ops/sec

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

LLMs can make mistakes. Check important info.

Measuring the performance of different approaches to create a subset or copy of an array is crucial in understanding how JavaScript engines optimize array operations.

The benchmark tests four different ways to create a subset of an array:

1. **Subarray**: Creating a new array using `subarray(start, end)` method.
2. **Slice**: Creating a new array using `slice(start, end)` method.
3. **Copy**: Creating a new array by copying the elements from the original array using `new Uint8Array()` and then setting the values using `set()`.
4. **Set**: Creating a new array by initializing it with the desired length and then setting its values.

Let's analyze each approach:

**Subarray and Slice**:
These two methods are similar, as they both return a new array containing the elements from the original array, starting at the specified index `start` and ending at `end`. However, there is a subtle difference between them. When using `slice()`, the method returns an object with `length` property equal to `end - start`, whereas `subarray()` returns an object with `length` equal to `end - start + 1`. This means that if you're sure about the length of the subset, `slice()` is faster. If you're not sure, `subarray()` might be a better choice.

**Copy and Set**:
Creating a new array by copying elements from an original array using `new Uint8Array()` and then setting its values is generally slower than creating an array with `slice()` or `subarray()`. However, this approach can be beneficial when you need to create an exact copy of the original array without modifying it.

**Performance Comparison**:
According to the latest benchmark results, the order of performance from fastest to slowest is:

1. **Slice direct**: 6275196.5 executions per second
2. **Subarray direct**: 6794308.0 executions per second
3. **Slice copy**: 3125990.75 executions per second
4. **Subarray copy**: 3266891.0 executions per second
5. **Set custom**: 2927842.75 executions per second
6. **Set direct**: (not shown in the results)

**Other Considerations**:

* Using `Array.prototype.slice()` or `Array.prototype.subarray()` can be faster than using `Array.prototype.slice.call()`, as it avoids creating an intermediate object.
* When working with large arrays, you might want to consider using WebAssembly for better performance.

In summary, when measuring the performance of different approaches to create a subset of an array, it's essential to understand the differences between `slice()` and `subarray()`. Creating a new array by copying elements from the original array using `new Uint8Array()` and then setting its values is generally slower than using `slice()` or `subarray()`, but can be beneficial when you need an exact copy.

slice vs subarray vs set custom (version: 0) Benchmark.js

Comparing performance of: `subarray direct vs slice direct vs subarray copy vs slice copy vs subarray set vs slice set`

Created: 5 years ago by: Guest

Go to the latest result

subarray direct

slice direct

subarray copy

slice copy

subarray set

slice set

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

slice vs subarray vs set custom (version: 0) Benchmark.js

Comparing performance of: subarray direct vs slice direct vs subarray copy vs slice copy vs subarray set vs slice set

Created: 5 years ago by: Guest

Go to the latest result

subarray direct

slice direct

subarray copy

slice copy

subarray set

slice set

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Comparing performance of: `subarray direct vs slice direct vs subarray copy vs slice copy vs subarray set vs slice set`