Benchmark: push, spread, concat

Tests:

concat
let peerEvaluations = [{attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}, {attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}] let selfEvaluation = [{attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}] let combined = peerEvaluations.concat(selfEvaluation)
spread
let peerEvaluations = [{attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}, {attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}] let selfEvaluation = [{attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}] let combined = [...peerEvaluations,selfEvaluation]
push & spread
let peerEvaluations = [{attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}, {attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}] let selfEvaluation = [{attitudeComment: "push & spread", attitudeScore: 4, skillComment: "push & spread", skillScore: 1, toUserId: "61a45895588f8625f85beb1d"}] let combined = selfEvaluation.push(...peerEvaluations)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
concat
spread
push & spread

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser/OS: Chrome 126 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
concat	14917653.0 Ops/sec
spread	36207608.0 Ops/sec
push & spread	59681332.0 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks and explore what's being tested in this benchmark.

**Benchmark Definition**

The provided JSON defines three benchmark test cases:

1. `push & spread`
2. `spread`
3. `concat`

Each test case represents a specific scenario where a combination of array operations is performed.

**Options Compared**

In each test case, the following options are being compared:

* `concat()`: The `concat()` method is used to combine two arrays.
* `spread()` (also known as the rest parameter syntax): The spread operator (`...`) is used to expand an array into individual elements.
* `push()` with spread: The `push()` method is used in conjunction with the spread operator to combine two arrays.

**Pros and Cons**

Here's a brief analysis of each approach:

1. **`concat()`**:
	* Pros: Simple, widely supported, and efficient.
	* Cons: Can be slower than other approaches for large datasets due to the overhead of creating intermediate arrays.
2. **`spread()` (rest parameter syntax)**:
	* Pros: Fast, flexible, and concise.
	* Cons: May not be supported in older browsers or Node.js versions.
3. **`push()` with spread**:
	* Pros: Similar performance to `concat()`, but avoids creating intermediate arrays.
	* Cons: Can be slower for very large datasets due to the overhead of pushing elements into an array.

**Libraries and Special Features**

None of the test cases use any libraries or special JavaScript features beyond the standard array operations. However, it's worth noting that some browsers may have additional optimizations or nuances when executing these operations.

**Benchmark Preparation Code**

The benchmark preparation code is empty in this case, which means that the test cases are starting from a clean slate and not using any pre-defined data structures or functions.

**Latest Benchmark Results**

The latest benchmark results show that:

1. `push & spread` performs best with an average of 59681332 executions per second.
2. `spread` comes in second with an average of 36207608 executions per second.
3. `concat` has the lowest performance with an average of 14917653 executions per second.

**Alternatives**

If you're interested in exploring alternative approaches or optimizations, here are a few options:

1. **`Array.prototype.reduce()`**: This method can be used to combine arrays by reducing them to a single value.
2. **`Array.prototype.set()`**: This method can be used to assign values to an array, potentially offering faster performance than `concat()` or `push()`.
3. **Native WebAssembly (WASM) implementations**: Some browsers and Node.js versions offer native WASM implementations of array operations, which may offer improved performance.

Keep in mind that the best approach will depend on your specific use case, data size, and target browser/node.js version.

Related benchmarks:

push, spread, concat (version: 0)

Comparing performance of: concat vs spread vs push & spread

Created: 3 years ago by: Guest

Jump to the latest result

concat

spread

push & spread

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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