Benchmark: array map vs foreach push

Tests:

array map
var list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var newList = list.map(i => i);
foreach push
var list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var newList = []; list.forEach(i => newList.push(i));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
array map
foreach push

Fastest: N/A

Slowest: N/A

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/123.0.0.0 Safari/537.36

Browser/OS: Chrome 123 on Windows

View result in a separate tab

Test name	Executions per second
array map	38069964.0 Ops/sec
foreach push	19412292.0 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark definition and test cases.

**Benchmark Definition**

The benchmark definition is the JSON object that describes the experiment being conducted. In this case, it only has two properties: `Name` and `Description`. The `Name` property specifies the name of the benchmark, which in this case is "array map vs foreach push". Unfortunately, there's no description provided.

**Script Preparation Code**

There are no script preparation codes provided for either test case. This means that the script itself is already defined within the Benchmark Definition JSON objects.

**Html Preparation Code**

There are also no html preparation codes provided for either test case. This means that the HTML environment is not being modified or used in any way during the benchmarking process.

**Individual Test Cases**

The benchmark consists of two individual test cases:

### 1. "array map"

This test case uses the `map()` method to create a new array from an existing one. The code is as follows:
```javascript
var list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var newList = list.map(i => i);
```
The `map()` method takes a callback function that is applied to each element of the original array. The new array `newList` will contain the same elements as `list`, but in this case, they are not being transformed or processed in any way.

### 2. "foreach push"

This test case uses the `forEach()` method along with the `push()` method to create a new array from an existing one. The code is as follows:
```javascript
var list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var newList = [];
list.forEach(i => newList.push(i));
```
In this case, the `forEach()` method iterates over each element of the original array and applies the callback function (in this case, simply pushing the element onto a new empty array). The resulting array will contain the same elements as `list`, but again, they are not being transformed or processed in any way.

**Library**

There is no library explicitly mentioned or used in these test cases. However, it's worth noting that both `map()` and `forEach()` methods are part of the built-in JavaScript API.

**Special JS Features/Syntax**

Neither of these two test cases uses any special JavaScript features or syntax (e.g., async/await, generators, Promises, etc.).

**Alternatives**

For this specific benchmark, there isn't a direct alternative that would be applicable. However, in general, you could consider testing the following alternatives:

* Using `reduce()` instead of `map()` and/or `forEach()`
* Using a library like Lodash or Underscore.js for array operations
* Testing with a different data structure (e.g., object vs array)
* Testing with different performance optimization techniques (e.g., caching, memoization)

Keep in mind that the specifics of which alternatives to test would depend on your particular use case and requirements.

Related benchmarks:

array map vs foreach push (version: 0)

Comparing performance of: array map vs foreach push

Created: 2 years ago by: Guest

Jump to the latest result

array map

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):