Benchmark: spread vs concat vs unshift Big string array

Script Preparation code:

var array = ['first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth'];

AخA
 
var array = ['first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth','first','second','third','fourth'];

Tests:

arrayUnshift123
array.unshift(0);
array.unshift(0);
arrayConcat123
array = array.concat([0])
array = array.concat([0])
arraySpread123
array = [0, ...array]
array = [0, ...array]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
arrayUnshift123
arrayConcat123
arraySpread123

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Chrome 103 on Windows

View result in a separate tab

Test name	Executions per second
arrayUnshift123	34670.0 Ops/sec
arrayConcat123	955.5 Ops/sec
arraySpread123	185.4 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):

I'll break down the provided benchmark and its components.

Benchmark Definition JSON

The provided benchmark definition json represents a set of test cases to measure the performance of JavaScript array operations. There are three main test cases:

array.unshift(0): This test case measures the performance of the unshift() method, which adds an element at the beginning of an array.
array = array.concat([0]) : This test case measures the performance of the concat() method, which concatenates two or more arrays and returns a new array.
array = [0, ...array]: This test case measures the performance of the spread operator (...), which creates a new array by spreading the elements of an existing array.

Options Compared

The benchmark compares the performance of three different approaches:

unshift()
concat()
Spread operator (...)

Pros and Cons

Here's a brief overview of each approach's pros and cons:

unshift(): Pros:
- Can be more efficient than concat() because it modifies the original array instead of creating a new one.
- Can be faster for small arrays due to cache locality benefits.
concat(): Pros:
- More flexible and widely supported than unshift().
- Can handle large arrays by creating a new array without modifying the original one.
Spread Operator (...): Pros:
- Elegant syntax for creating a new array from an existing one.
- Can be faster than concat() when dealing with small arrays due to its lower overhead.

Cons:

unshift() and concat() both create a new array, which can lead to memory allocation overhead.
The spread operator creates a new array by spreading the elements of an existing array, which can also lead to memory allocation overhead if the original array is large.

Individual Test Cases

The benchmark provides three individual test cases:

arrayUnshift123: Measures the performance of unshift() with a specific input.
arrayConcat123: Measures the performance of concat() with a specific input.
arraySpread123: Measures the performance of the spread operator (...) with a specific input.

Latest Benchmark Result

The latest benchmark result provides the execution counts per second for each test case across different devices and browsers:

TestName	ExecutionsPerSecond
arrayUnshift123	34670.03515625
arrayConcat123	955.455322265625
arraySpread123	185.38943481445312

This result indicates that unshift() is the fastest approach, followed by the spread operator (...), and then concat(). However, it's essential to consider the specific use case, input size, and other factors that may affect performance.

LLMs can make mistakes. Check important info.

I'll break down the provided benchmark and its components.

**Benchmark Definition JSON**

The provided `benchmark definition` json represents a set of test cases to measure the performance of JavaScript array operations. There are three main test cases:

1.  **array.unshift(0)**: This test case measures the performance of the `unshift()` method, which adds an element at the beginning of an array.
2.  **array = array.concat([0])** : This test case measures the performance of the `concat()` method, which concatenates two or more arrays and returns a new array.
3.  **array = [0, ...array]**: This test case measures the performance of the spread operator (`...`), which creates a new array by spreading the elements of an existing array.

**Options Compared**

The benchmark compares the performance of three different approaches:

1.  `unshift()`
2.  `concat()`
3.  Spread operator (`...`)

**Pros and Cons**

Here's a brief overview of each approach's pros and cons:

*   **`unshift()`**: Pros:
    *   Can be more efficient than `concat()` because it modifies the original array instead of creating a new one.
    *   Can be faster for small arrays due to cache locality benefits.
*   **`concat()`**: Pros:
    *   More flexible and widely supported than `unshift()`.
    *   Can handle large arrays by creating a new array without modifying the original one.
*   **Spread Operator (`...`)**: Pros:
    *   Elegant syntax for creating a new array from an existing one.
    *   Can be faster than `concat()` when dealing with small arrays due to its lower overhead.

Cons:

*   `unshift()` and `concat()` both create a new array, which can lead to memory allocation overhead.
*   The spread operator creates a new array by spreading the elements of an existing array, which can also lead to memory allocation overhead if the original array is large.

**Individual Test Cases**

The benchmark provides three individual test cases:

1.  **arrayUnshift123**: Measures the performance of `unshift()` with a specific input.
2.  **arrayConcat123**: Measures the performance of `concat()` with a specific input.
3.  **arraySpread123**: Measures the performance of the spread operator (`...`) with a specific input.

**Latest Benchmark Result**

The latest benchmark result provides the execution counts per second for each test case across different devices and browsers:

| TestName | ExecutionsPerSecond |
| --- | --- |
| arrayUnshift123 | 34670.03515625 |
| arrayConcat123 | 955.455322265625 |
| arraySpread123 | 185.38943481445312 |

This result indicates that `unshift()` is the fastest approach, followed by the spread operator (`...`), and then `concat()`. However, it's essential to consider the specific use case, input size, and other factors that may affect performance.

Related benchmarks:

spread vs concat vs unshift Big string array (version: 0)

spread vs concat vs unshift

Comparing performance of: arrayUnshift123 vs arrayConcat123 vs arraySpread123

Created: 2 years ago by: Guest

Jump to the latest result

arrayUnshift123

arrayConcat123

arraySpread123

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):