Benchmark: forEach vs for loop v3

Script Preparation code:

var smallArray = [];
var mediumArray = [];
var largeArray = [];
var hugeArray = [];

for (let i = 0; i < 10; i++) {
  smallArray.push(i);
}

for (let i = 0; i < 100; i++) {
  mediumArray.push(i);
}

for (let i = 0; i < 1000; i++) {
  largeArray.push(i);
}

for (let i = 0; i < 10000; i++) {
  hugeArray.push(i);
}

​x
 
var smallArray = [];var mediumArray = [];var largeArray = [];var hugeArray = [];​for (let i = 0; i < 10; i++) {  smallArray.push(i);}​for (let i = 0; i < 100; i++) {  mediumArray.push(i);}​for (let i = 0; i < 1000; i++) {  largeArray.push(i);}​for (let i = 0; i < 10000; i++) {  hugeArray.push(i);}

Tests:

smallArray forEach
smallArray.forEach(item => { item += 1; })
smallArray.forEach(item => {
item += 1;
})
smallArray for loop
for (let i = 0, l = smallArray.length; i < l; i++) { smallArray[i] += 1; }
for (let i = 0, l = smallArray.length; i < l; i++) {
smallArray[i] += 1;
}
mediumArray forEach
mediumArray.forEach(item => { item += 1; })
mediumArray.forEach(item => {
item += 1;
})
mediumArray for loop
for (let i = 0, l = mediumArray.length; i < l; i++) { mediumArray[i] += 1; }
for (let i = 0, l = mediumArray.length; i < l; i++) {
mediumArray[i] += 1;
}
largeArray forEach
largeArray.forEach(item => { item += 1; })
largeArray.forEach(item => {
item += 1;
})
largeArray for loop
for (let i = 0, l = largeArray.length; i < l; i++) { largeArray[i] += 1; }
for (let i = 0, l = largeArray.length; i < l; i++) {
largeArray[i] += 1;
}
hugeArray forEach
hugeArray.forEach(item => { item += 1; })
hugeArray.forEach(item => {
item += 1;
})
hugeArray for loop
for (let i = 0, l = hugeArray.length; i < l; i++) { hugeArray[i] += 1; }
for (let i = 0, l = hugeArray.length; i < l; i++) {
hugeArray[i] += 1;
}

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
smallArray forEach
smallArray for loop
mediumArray forEach
mediumArray for loop
largeArray forEach
largeArray for loop
hugeArray forEach
hugeArray for loop

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 103 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
smallArray forEach	16400891.0 Ops/sec
smallArray for loop	1666786.1 Ops/sec
mediumArray forEach	10257451.0 Ops/sec
mediumArray for loop	185359.2 Ops/sec
largeArray forEach	2795250.2 Ops/sec
largeArray for loop	18683.2 Ops/sec
hugeArray forEach	48655.7 Ops/sec
hugeArray for loop	1892.9 Ops/sec

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

Let's dive into the benchmark.

The provided JSON represents a JavaScript microbenchmarking test case. The main goal of this benchmark is to compare the performance of using forEach loops versus traditional for loops in JavaScript for element iteration and modification.

Benchmark Definition

The benchmark definition is an array that contains multiple individual tests, each with its own script preparation code and HTML preparation code (which is empty in this case). The script preparation code generates four arrays with different sizes: small, medium, large, and huge. Each test uses either the forEach loop or a traditional for loop to increment the elements of an array.

Options Compared

Two main options are compared:

forEach Loop: This is a method that executes a provided function once for each element in an array.
Traditional for Loop: A classic way to iterate over an array, using the index variable i and the length property of the array.

Pros and Cons

forEach Loop:
- Pros:
  - Simplifies code by avoiding manual indexing and incrementing.
  - Can be more concise and readable for certain use cases.
- Cons:
  - May incur a slight performance overhead due to function call overhead and potential caching issues.
  - Can lead to less control over the iteration process, potentially affecting performance.
Traditional for Loop:
- Pros:
  - Provides direct access to array elements and indices.
  - Offers more fine-grained control over the iteration process.
- Cons:
  - Requires manual indexing and incrementing, which can make code more verbose.

Library Used

The only library used in this benchmark is the built-in JavaScript Array.prototype.forEach method. This method provides a convenient way to iterate over arrays without manually handling indices.

Performance Results

The performance results show that the forEach loop performs slightly worse than the traditional for loop for large array sizes, while performing similarly or even better for smaller arrays. However, these differences may be negligible in many real-world scenarios, and the choice between forEach and traditional loops ultimately depends on code readability, maintainability, and personal preference.

Keep in mind that this benchmark is specific to JavaScript and might not be directly applicable to other programming languages or use cases.

LLMs can make mistakes. Check important info.

Let's dive into the benchmark.

The provided JSON represents a JavaScript microbenchmarking test case. The main goal of this benchmark is to compare the performance of using `forEach` loops versus traditional `for` loops in JavaScript for element iteration and modification.

**Benchmark Definition**

The benchmark definition is an array that contains multiple individual tests, each with its own script preparation code and HTML preparation code (which is empty in this case). The script preparation code generates four arrays with different sizes: small, medium, large, and huge. Each test uses either the `forEach` loop or a traditional `for` loop to increment the elements of an array.

**Options Compared**

Two main options are compared:

1. **`forEach` Loop**: This is a method that executes a provided function once for each element in an array.
2. **Traditional `for` Loop**: A classic way to iterate over an array, using the index variable `i` and the length property of the array.

**Pros and Cons**

- **`forEach` Loop:**
	* Pros:
		+ Simplifies code by avoiding manual indexing and incrementing.
		+ Can be more concise and readable for certain use cases.
	* Cons:
		+ May incur a slight performance overhead due to function call overhead and potential caching issues.
		+ Can lead to less control over the iteration process, potentially affecting performance.
- **Traditional `for` Loop:**
	* Pros:
		+ Provides direct access to array elements and indices.
		+ Offers more fine-grained control over the iteration process.
	* Cons:
		+ Requires manual indexing and incrementing, which can make code more verbose.

**Library Used**

The only library used in this benchmark is the built-in JavaScript `Array.prototype.forEach` method. This method provides a convenient way to iterate over arrays without manually handling indices.

**Performance Results**

The performance results show that the `forEach` loop performs slightly worse than the traditional `for` loop for large array sizes, while performing similarly or even better for smaller arrays. However, these differences may be negligible in many real-world scenarios, and the choice between `forEach` and traditional loops ultimately depends on code readability, maintainability, and personal preference.

Keep in mind that this benchmark is specific to JavaScript and might not be directly applicable to other programming languages or use cases.

Related benchmarks:

forEach vs for loop v3 (version: 1)

Comparing performance of: smallArray forEach vs smallArray for loop vs mediumArray forEach vs mediumArray for loop vs largeArray forEach vs largeArray for loop vs hugeArray forEach vs hugeArray for loop

Created: 2 years ago by: Registered User

Jump to the latest result

smallArray forEach

smallArray for loop

mediumArray forEach

mediumArray for loop

largeArray forEach

largeArray for loop

hugeArray forEach

hugeArray for loop

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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