Benchmark: Array concat vs spread operator vs push for single element

Tests:

Array.prototype.concat
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ].concat(params);
spread operator
var params = [ "hello", true, 7 ] var other = [ 1, 2, ...params ]
Push
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ].push(7);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.prototype.concat
spread operator
Push

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Linux; Android 9; G8342) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.90 Mobile Safari/537.36

Browser/OS: Chrome Mobile 73 on Android

View result in a separate tab

Test name	Executions per second
Array.prototype.concat	3176339.0 Ops/sec
spread operator	10474023.0 Ops/sec
Push	16382542.0 Ops/sec

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

LLMs can make mistakes. Check important info.

**Overview of the Benchmark**

The provided JSON represents a JavaScript benchmark that compares three approaches for adding a single element to an array: the traditional `concat()` method, the new ES6 spread operator (`...`), and the `push()` method.

**Test Cases**

There are three test cases:

1. **Array.prototype.concat**: This test case uses the traditional `concat()` method to add a single element to an array.
2. **Spread Operator**: This test case uses the new ES6 spread operator (`...`) to add a single element to an array.
3. **Push**: This test case uses the `push()` method to add a single element to an array.

**Options Compared**

The benchmark compares three options:

* **Concat**: The traditional way of adding an element to an array using the `concat()` method.
* **Spread Operator**: The new ES6 spread operator (`...`) for adding elements to an array.
* **Push**: The `push()` method for adding a single element to an array.

**Pros and Cons of Each Approach**

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

* **Concat**:
	+ Pros: Widely supported, easy to understand, and works in older browsers.
	+ Cons: Creates a new array and can be slower for large arrays.
* **Spread Operator**:
	+ Pros: More concise, faster than `concat()` for large arrays, and modern syntax.
	+ Cons: May not work in older browsers or JavaScript engines that don't support ES6 features.
* **Push**:
	+ Pros: Fastest way to add a single element to an array, especially when used with arrays.
	+ Cons: Requires the array to be initialized, and it can be slower for large arrays.

**Library Usage**

None of the test cases use any external libraries.

**Special JavaScript Features/Syntax**

The benchmark uses the new ES6 spread operator (`...`), which is a modern JavaScript feature introduced in ECMAScript 2015. It's used to add elements to an array or object by expanding its arguments into individual values.

**Other Alternatives**

Other alternatives for adding elements to an array include:

* `arr[0] = value;`: A simple assignment approach, but it's not as efficient as using the `push()` method.
* `new Array(arr.length + 1).fill(value);`: A way of creating a new array with the desired length and filling it with the specified value.

Related benchmarks:

Array concat vs spread operator vs push for single element (version: 0)

Compare the new ES6 spread operator with the traditional concat() method and push

Comparing performance of: Array.prototype.concat vs spread operator vs Push

Created: 5 years ago by: Guest

Jump to the latest result

Array.prototype.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 2 months ago):