Benchmark: For loop vs For...Of loop 3

Tests:

for loop

let operations = [{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},]
for (let i=0; i< operations.length; i++) {
  if (operations[i].foo && operations[i].foo.bar) {
    operations[i].foo.bar = 'zulu';
    console.log(operations[i].foo.bar);
  }
}

​x
 
let operations = [{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},]for (let i=0; i< operations.length; i++) {  if (operations[i].foo && operations[i].foo.bar) {    operations[i].foo.bar = 'zulu';    console.log(operations[i].foo.bar);  }}​​​

for...of loop

let operations = [{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},]
for (let value of operations) {
  if (value.foo && value.foo.bar) {
    value.foo.bar = 'zulu'
    console.log(value.foo.bar);
  }
}

 
let operations = [{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},{foo: {bar:'bar'}},]for (let value of operations) {  if (value.foo && value.foo.bar) {    value.foo.bar = 'zulu'    console.log(value.foo.bar);  }}

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
for loop
for...of loop

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 78 on Mac OS X 10.14.5

View result in a separate tab

Test name	Executions per second
for loop	1309.5 Ops/sec
for...of loop	1277.5 Ops/sec

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

Let's dive into the world of JavaScript microbenchmarks!

Benchmark Overview

The benchmark is comparing two approaches to iterate over an array: traditional for loops and the newer for...of loop syntax.

Options Compared

Traditional for loop: This approach uses a manual index variable to iterate over the array elements.

for (let i = 0; i < operations.length; i++) {
  // ...
}

for...of loop: This approach uses the iterator protocol to iterate over the array elements without manually managing an index variable.

Pros and Cons

Traditional for Loop:

Pros:

Well-known and widely supported syntax
Easy to understand for developers familiar with C-style loops

Cons:

Requires manual management of the index variable, which can lead to errors or off-by-one issues
May not be as efficient due to the overhead of incrementing the index variable

for...of Loop:

Pros:

More concise and expressive syntax
Eliminates the need for manual index management, reducing the risk of errors
Often more efficient due to optimized iteration logic

Cons:

Less widely supported or understood by older browsers or developers not familiar with the newer syntax

Library Used (if any)

In this benchmark, no specific library is used. However, if a library were involved, it might be used for additional functionality or optimizations.

Special JS Feature/Syntax

There are no special JavaScript features or syntaxes mentioned in this benchmark. The focus is on the iteration mechanisms themselves.

Other Alternatives

If you'd like to explore alternative approaches, consider the following:

Array.prototype.forEach(): This method provides a more concise way to iterate over arrays without manually managing an index variable.

operations.forEach((value) => {
  // ...
});

Async iteration: For large datasets or performance-critical applications, using async iteration libraries like p-iterable or async-iterator might provide additional optimizations.

Keep in mind that the choice of iteration mechanism ultimately depends on your specific use case, performance requirements, and personal preference.

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks!

**Benchmark Overview**

The benchmark is comparing two approaches to iterate over an array: traditional `for` loops and the newer `for...of` loop syntax.

**Options Compared**

1. **Traditional `for` loop**: This approach uses a manual index variable to iterate over the array elements.
```javascript
for (let i = 0; i < operations.length; i++) {
  // ...
}
```
2. **`for...of` loop**: This approach uses the iterator protocol to iterate over the array elements without manually managing an index variable.

**Pros and Cons**

**Traditional `for` Loop:**

Pros:

* Well-known and widely supported syntax
* Easy to understand for developers familiar with C-style loops

Cons:

* Requires manual management of the index variable, which can lead to errors or off-by-one issues
* May not be as efficient due to the overhead of incrementing the index variable

**`for...of` Loop:**

Pros:

* More concise and expressive syntax
* Eliminates the need for manual index management, reducing the risk of errors
* Often more efficient due to optimized iteration logic

Cons:

* Less widely supported or understood by older browsers or developers not familiar with the newer syntax

**Library Used (if any)**

In this benchmark, no specific library is used. However, if a library were involved, it might be used for additional functionality or optimizations.

**Special JS Feature/Syntax**

There are no special JavaScript features or syntaxes mentioned in this benchmark. The focus is on the iteration mechanisms themselves.

**Other Alternatives**

If you'd like to explore alternative approaches, consider the following:

* **Array.prototype.forEach()**: This method provides a more concise way to iterate over arrays without manually managing an index variable.
```javascript
operations.forEach((value) => {
  // ...
});
```
* **Async iteration**: For large datasets or performance-critical applications, using async iteration libraries like `p-iterable` or `async-iterator` might provide additional optimizations.

Keep in mind that the choice of iteration mechanism ultimately depends on your specific use case, performance requirements, and personal preference.

Related benchmarks:

For loop vs For...Of loop 3 (version: 0)

Comparing performance of: for loop vs for...of loop

Created: 5 years ago by: Guest

Jump to the latest result

for loop

for...of loop

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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