Benchmark: concatenating 2 arrays 2

Tests:

push apply
var arr = [1,2,3,4,5,6,7,8,9,10] var arr2 = [0] Array.prototype.push.apply(arr2, arr)
push spread
var arr = [1,2,3,4,5,6,7,8,9,10] var arr2 = [0] arr2.push(...arr)
concat
var arr = [1,2,3,4,5,6,7,8,9,10] var arr2 = [0] arr2 = arr2.concat(arr)
for push
var arr = [1,2,3,4,5,6,7,8,9,10] var arr2 = [0] for(var i = 0, len = arr.length; i < len; i++) { arr2.push(arr[i]) }
for of push
var arr = [1,2,3,4,5,6,7,8,9,10] var arr2 = [0] for(var item of arr) { arr2.push(item) }
forEach push
var arr = [1,2,3,4,5,6,7,8,9,10] var arr2 = [0] arr.forEach(function(item) { arr2.push(item) })

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
push apply
push spread
concat
for push
for of push
forEach push

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 136 on Windows

View result in a separate tab

push spread

36.6M/s

forEach push

32.6M/s

for of push

29.6M/s

for push

29.3M/s

push apply

26.3M/s

concat

9.7M/s

View exact numbers

Test name	Executions per second
✓ push spread	36,578,632 Ops/sec
forEach push	32,624,712 Ops/sec
for of push	29,600,686 Ops/sec
for push	29,305,446 Ops/sec
push apply	26,282,192 Ops/sec
concat	9,724,731 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!

**Benchmark Overview**

The provided JSON represents a benchmark suite that tests different approaches for concatenating two arrays in JavaScript. The test cases compare the performance of various methods, including `push.apply`, `push spread` (the spread operator), `concat`, `for push`, `for of push`, and `forEach push`.

**Options Compared**

Here's a brief overview of each option:

1. **`push apply`**: This method uses the `apply` method to call `push` on the first array, passing the second array as an argument. The `apply` method calls the specified function with the provided arguments in the correct order.
2. **`push spread` (Spread Operator)**: This method uses the spread operator (`...`) to expand the elements of the second array and push them onto the first array.
3. **`concat`**: This method uses the `concat` method to create a new array by concatenating the two input arrays.
4. **`for push`**: This method uses a traditional `for` loop to iterate over the elements of the first array and push each element onto the second array.
5. **`for of push`**: Similar to `for push`, but uses the `for...of` loop syntax to iterate over the elements of the first array.
6. **`forEach push`**: This method uses the `forEach` method to iterate over the elements of the first array and push each element onto the second array.

**Pros and Cons**

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

* **`push apply`**: Fast, but can be less readable due to the use of `apply`. Also requires more CPU cycles due to the function call overhead.
* **`push spread` (Spread Operator)**: Highly readable and concise, but may have slightly higher CPU usage compared to other methods.
* **`concat`**: Simple and efficient, but creates a new array, which can be memory-intensive for large inputs.
* **`for push`** and **`for of push`**: Readable and straightforward, but can be slower than other methods due to the loop overhead. Also requires more CPU cycles due to the iteration.
* **`forEach push`**: Similar to `for push`, but uses a more modern loop syntax.

**Library Usage**

There are no libraries explicitly mentioned in the benchmark definitions.

**Special JS Features or Syntax**

The benchmarks use some special JavaScript features and syntax, including:

* The spread operator (`...`)
* The `apply` method
* The `concat` method
* The `for...of` loop syntax
* The `forEach` method

These features are widely supported in modern JavaScript environments.

**Alternatives**

If you're looking for alternative approaches to concatenating arrays, here are a few options:

1. **`slice()` and `push()`**: Using the `slice()` method to extract a subset of elements from an array and then pushing them onto another array.
2. **`reduce()`**: Using the `reduce()` method to accumulate elements from two arrays into a single array.
3. **`map()` and `concat()`**: Using the `map()` method to create a new array with transformed elements and then concatenating it with another array using the `concat()` method.

Keep in mind that these alternatives may have different performance characteristics compared to the methods tested in this benchmark.

concatenating 2 arrays 2 (version: 0) Benchmark.js

Comparing performance of: `push apply vs push spread vs concat vs for push vs for of push vs forEach push`

Created: 4 years ago by: Guest

Go to the latest result

push apply

push spread

concat

for push

for of push

forEach push

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

concatenating 2 arrays 2 (version: 0) Benchmark.js

Comparing performance of: push apply vs push spread vs concat vs for push vs for of push vs forEach push

Created: 4 years ago by: Guest

Go to the latest result

push apply

push spread

concat

for push

for of push

forEach push

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `push apply vs push spread vs concat vs for push vs for of push vs forEach push`