Benchmark: Array concat vs spread operator vs push 131231231232

Tests:

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

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: 3 years ago)

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

Browser/OS: Chrome 96 on Windows

View result in a separate tab

Test name	Executions per second
Array.prototype.concat	1817262.9 Ops/sec
spread operator	5048533.5 Ops/sec
Push	4132592.0 Ops/sec

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

LLMs can make mistakes. Check important info.

**What is tested on the provided JSON?**

The provided JSON represents a JavaScript microbenchmark test case on the website MeasureThat.net. The test compares three different methods for concatenating arrays: `Array.prototype.concat()`, the spread operator (`...`), and the `push()` method.

**Options compared:**

1. **Array.prototype.concat()**: This method takes two or more arrays as arguments and returns a new array that contains all the elements of the original arrays.
2. **Spread operator (`...`)**: This is a new syntax introduced in ES6 (ECMAScript 2015) for creating a new array by spreading out the elements of an existing array or other iterable object.
3. **Push() method**: This method adds one or more elements to the end of an array.

**Pros and Cons:**

*   **Array.prototype.concat()**:
    *   Pros: It is widely supported in older browsers, and it can be used with any number of arrays as arguments.
    *   Cons: It creates a new array and has a higher overhead compared to the spread operator or push method.
*   **Spread operator (`...`)**:
    *   Pros: It is more concise and expressive than `concat()` or `push()`, and it is faster because it avoids creating an intermediate array.
    *   Cons: It requires modern browsers that support ES6, and some older browsers may not support it at all.
*   **Push() method**:
    *   Pros: It is the most efficient way to concatenate arrays in modern browsers that support it. However, it creates a new array and has an overhead compared to the spread operator.
    *   Cons: It requires modern browsers that support ES6, and some older browsers may not support it at all.

**Library usage:**

None of these methods use any specific library. They are built-in JavaScript methods or syntax features.

**Special JS feature/syntax:**

The test uses the spread operator (`...`), which is a new syntax introduced in ES6 (ECMAScript 2015). This syntax allows for more concise and expressive array creation.

**Benchmark preparation code and results:**

The benchmark preparation code is empty, indicating that MeasureThat.net will automatically generate the necessary JavaScript code to run these benchmarks. The latest benchmark result shows that the spread operator is the fastest method among the three options tested.

**Other alternatives:**

If you want to compare other methods for concatenating arrays, here are some alternatives:

*   **Array.prototype.reduce()**: This method can be used to concatenate arrays by reducing an array of arrays into a single array.
*   **String.join()**: In some cases, using `String.join()` with an empty string (`''`) as the separator can be a more efficient way to concatenate arrays when working with strings.

Related benchmarks:

Array concat vs spread operator vs push 131231231232 (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: 3 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):