Benchmark: for vs for...of vs Array.forEach

Script Preparation code:

var array = Array.from(Array(1000).keys(), n => n + 1);

Tests:

for
for (let i = 0; i < array.length; i++) { console.log(array[i]); }
for...of
for (const item of array) { console.log(item); }
Array.forEach
array.forEach((item) => console.log(item));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for
for...of
Array.forEach

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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

LLMs can make mistakes. Check important info.

**Overview of the Benchmark**

The provided JSON represents a JavaScript microbenchmarking test, where three different approaches are compared: `for`, `for...of`, and `Array.forEach`. The benchmark is designed to measure the performance of these constructs in a loop.

**Approaches Compared**

1. **`for`**: This approach uses a traditional `for` loop with an index variable `i`.
2. **`for...of`**: This approach uses a `for...of` loop, which iterates over the elements of an array without a traditional index variable.
3. **`Array.forEach`**: This approach uses the `forEach` method on the `array` object to iterate over its elements.

**Pros and Cons**

*   **`for`**: Pros: Simple, easy to understand, and well-supported by all browsers. Cons: May be slower due to the overhead of checking the loop variable against the array length.
*   **`for...of`**: Pros: More modern, concise, and expressive than traditional `for` loops. Cons: Some older browsers may not support this syntax, and it can be less efficient in some cases.
*   **`Array.forEach`**: Pros: Simplifies iteration over arrays, easy to read, and widely supported. Cons: May have overhead due to the method call and potential array resizing.

**Library and Special Features**

In this benchmark, no special JavaScript features or libraries are used beyond the standard JavaScript language and built-in `Array` object methods (`forEach`, `from()`, etc.). However, it's essential to note that some browsers may have additional features or optimizations enabled in their rendering engines.

**Other Alternatives**

While not directly comparable to the approaches listed above, other iteration methods exist:

*   **`while` loops**: Can be used for iteration over arrays or any other iterable.
*   **`map()`, `filter()`, and `reduce()` methods**: These are often used for array transformations, filtering, and aggregation but can also be used in a loop context.

**Benchmark Results**

The latest benchmark results show that:

1.  **`for`**: Provides the most executions per second (65.04) on this platform.
2.  **`Array.forEach`**: Offers slightly lower execution rates compared to `for`.
3.  **`for...of`**: Has the lowest execution rate, although it is still more efficient than older browsers might have been.

These results are specific to this particular setup and platform (Windows, Chrome 80). The benchmark is designed to be run on multiple platforms and browsers to gain a better understanding of each approach's performance in different scenarios.

Related benchmarks:

for vs for...of vs Array.forEach (version: 1)

Comparing performance of: for vs for...of vs Array.forEach

Created: 6 years ago by: Registered User

Jump to the latest result

for

for...of

Array.forEach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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