Benchmark: for vs while vs for of vs forEach

Script Preparation code:

var arr = []
for (var i = 0; i < 1000; i++) arr[i] = i

Tests:

for i++
for (var i = 0; i < arr.length; i++) { var a = arr[i] }
for i--
for (var i = arr.length; i >= 0; i--) { var a = arr[i] }
while i--
var i = arr.length while (i--) { var a = arr[i] }
for of
for (var v of arr) { var a = v }
forEach
arr.forEach(v => { var a = v })

Historical Performance Data aggregated from 19 community runs

Desktop Results:

Chrome 13 runs

for of

3.2M/s

forEach

3.1M/s

for i--

803K/s

while i--

766K/s

for i++

500K/s

Fastest: for of (6.5x faster)

View exact numbers

✓ for of: 3,225,224 ops/sec
• forEach: 3,136,464 ops/sec
• for i--: 803,060 ops/sec
• while i--: 765,776 ops/sec
• for i++: 499,575 ops/sec

Firefox 6 runs

for i--

2.4M/s

for i++

1.7M/s

while i--

1.1M/s

forEach

350K/s

for of

183K/s

Fastest: for i-- (13.3x faster)

View exact numbers

✓ for i--: 2,426,075 ops/sec
• for i++: 1,683,493 ops/sec
• while i--: 1,116,850 ops/sec
• forEach: 349,869 ops/sec
• for of: 182,949 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for i++
for i--
while i--
for of
forEach

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.5 Safari/605.1.15

Browser/OS: Safari 18 on Mac OS X 10.15.7

View result in a separate tab

for i--

4.2M/s

for i++

4.2M/s

while i--

3.8M/s

forEach

2.5M/s

for of

1.8M/s

View exact numbers

Test name	Executions per second
✓ for i--	4,173,808 Ops/sec
for i++	4,167,169 Ops/sec
while i--	3,780,904 Ops/sec
forEach	2,499,545 Ops/sec
for of	1,757,920 Ops/sec

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

LLMs can make mistakes. Check important info.

The provided JSON represents a JavaScript microbenchmark test case on the MeasureThat.net website. The benchmark tests different loop constructs in JavaScript: traditional `for` loops, `while` loops, and array iteration methods like `forEach`.

**Loop Constructs Comparison**

1. **Traditional `for` loop (`for i++`)**:
	* Pros: Easy to read and write, allows for manual index management.
	* Cons: Can be slower due to overhead of incrementing the index variable.
2. **Decreasing `for` loop (`for (var i = arr.length; i >= 0; i--)`)**:
	* Pros: Similar to traditional `for` loop but with a more concise syntax, can be faster for large arrays.
	* Cons: May have issues with negative indices and can be less readable.
3. **Traditional `while` loop (`while i--`)**:
	* Pros: Allows for manual index management, can be faster than traditional `for` loops.
	* Cons: Can be slower due to the overhead of incrementing the index variable inside the loop.
4. **Array iteration method with `of` (`for (var v of arr) { ... }`)**:
	* Pros: Fast and efficient, easy to read and write, reduces overhead compared to traditional loops.
	* Cons: Only supported in modern JavaScript engines and may not be compatible with older browsers.
5. **`forEach` method (`arr.forEach(v => { ... })`)**:
	* Pros: Easy to use, fast, and efficient, and is a built-in array method that reduces boilerplate code.
	* Cons: Requires an array as input, which can lead to issues if the input array changes size during execution.

**Other Considerations**

* The `for i++` loop uses post-increment (`i++`) instead of pre-increment (`++i`). Post-increment is generally faster because it doesn't involve incrementing the variable before using it.
* The `forEach` method is designed specifically for array iteration and is typically faster than traditional loops.

**Library and Special JS Features**

None mentioned in this specific benchmark.

**Alternative Loop Constructs**

Other alternative loop constructs that could be tested include:

* `for...in`: A loop that iterates over the properties of an object.
* `let` or `const` variables with `for` loops: Using `let` or `const` variables instead of `var` can improve performance by avoiding variable hoisting.

Keep in mind that the choice of loop construct depends on the specific use case and the requirements of the application. The benchmark results provided may not be representative of all scenarios, and different loop constructs may perform better under different conditions.

for vs while vs for of vs forEach (version: 4) Benchmark.js

Comparing performance of: `for i++ vs for i-- vs while i-- vs for of vs forEach`

Created: 4 years ago by: Registered User

Go to the latest result

for i++

for i--

while i--

for of

forEach

Historical Performance Data aggregated from 19 community runs

Desktop Results:

Chrome 13 runs

Firefox 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

for vs while vs for of vs forEach (version: 4) Benchmark.js

Comparing performance of: for i++ vs for i-- vs while i-- vs for of vs forEach

Created: 4 years ago by: Registered User

Go to the latest result

for i++

for i--

while i--

for of

forEach

Historical Performance Data aggregated from 19 community runs

Desktop Results:

Chrome 13 runs

Firefox 6 runs

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: `for i++ vs for i-- vs while i-- vs for of vs forEach`