Benchmark: javascript concat vs spread operator vs push123123

Script Preparation code:

var existed =new Array(10000).map(x => 1);

Tests:

concat
var params = [ "hello", true, 7 ]; var other = existed.concat(params);
spread operator
var params = [ "hello", true, 7 ]; var other = [ ...existed, ...params ];
push
var params = [ "hello", true, 7 ]; var other = existed.push(...params);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
concat
spread operator
push

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark.

**Benchmark Definition and Script Preparation Code**

The benchmark is defined in a JSON object that describes three test cases:

* `javascript concat vs spread operator vs push`: This is the main benchmark name, which compares the performance of three different approaches to concatenate arrays: `concat`, `spread` operator, and `push`.
* `Script Preparation Code`: A JavaScript snippet that creates an array with 10,000 elements, initialized to 1. This array is used as a test subject for the benchmark.

**Individual Test Cases**

There are three test cases:

1. **`concat`**: This test case uses the `concat` method to concatenate the original array (`existed`) with another array (`params`). The resulting array is stored in the variable `other`.
2. **`spread operator`**: This test case uses the spread operator (`...`) to concatenate the original array (`existed`) with another array (`params`). The resulting array is stored in the variable `other`.
3. **`push`**: This test case uses the `push` method to concatenate the original array (`existed`) with another array (`params`). However, unlike the other two approaches, it does not assign the result to a new variable (`other`), but instead assigns the length of the resulting array to itself.

**Options Compared**

The benchmark compares the performance of three different approaches:

* `concat`: This approach uses the `concat` method to concatenate arrays.
* `spread operator`: This approach uses the spread operator (`...`) to concatenate arrays.
* `push`: This approach uses the `push` method to concatenate arrays, but without assigning the result to a new variable.

**Pros and Cons of Each Approach**

Here are some pros and cons for each approach:

* **`concat`**: Pros:
	+ Well-established and widely supported
	+ Allows assignment of the resulting array to a new variable (if desired)
*   Cons:
    *   Can be slower than other approaches due to method call overhead
    *   May not be as efficient for large arrays due to copying of elements

* **`spread operator`**: Pros:
    + Faster than `concat` since it avoids method call overhead
    + More memory-efficient since only a single array needs to be allocated and managed
*   Cons:
    *   Less intuitive or familiar to some developers, particularly those without experience with modern JavaScript features
    *   May not work as expected in older browsers that do not support the spread operator

* **`push`**: Pros:
    + Fastest approach since it avoids array allocation and copying of elements
   + Does not require method call overhead or allocation of a new array
*   Cons:
    *   Does not allow assignment of the resulting array to a new variable (unless manually calculated)
    *   May not be as efficient for large arrays due to push operation on an already full array

**Library and Syntax**

The benchmark uses the `Array.prototype.concat()` method, which is a built-in JavaScript method. No external libraries are required.

No special JavaScript features or syntax are used beyond what is standard in modern JavaScript.

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.5060.134 Safari/537.36 Edg/103.0.1264.77

Browser/OS: Chrome 103 on Windows

View result in a separate tab

Test name	Executions per second
concat	313708.0 Ops/sec
spread operator	49071.8 Ops/sec
push	4445719.0 Ops/sec

Related benchmarks:

javascript concat vs spread operator vs push123123 (version: 0)

javascript concat vs spread operator vs push

Comparing performance of: concat vs spread operator vs push

Created: 2 years ago by: Guest

Jump to the latest result

concat

spread operator

push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):