Benchmark: Elastic find index fast

Script Preparation code:

var arr = [];
var i = 0;

while (i <= 1E5) arr[i] = i++;

​x
 
var arr = [];var i = 0;​while (i <= 1E5) arr[i] = i++;

Tests:

Array.prototype.findIndex
const index = arr.findIndex(item => item === 1E5);
const index = arr.findIndex(item => item === 1E5);

For loop

var index = -1
for(var i = 0; i < arr.length; i++) {
    if(arr[i] === 1E5) {
        index = i;
        break;
    }
}

 
var index = -1for(var i = 0; i < arr.length; i++) {    if(arr[i] === 1E5) {        index = i;        break;    }}

While loop

let index = -1;
let i = 0
  const len = arr.length;
  while (++i < len) {
      if (arr[i] === 1E5) {
          index = i
          break;
      }
  }

 
let index = -1;let i = 0  const len = arr.length;  while (++i < len) {      if (arr[i] === 1E5) {          index = i          break;      }  }​

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
Array.prototype.findIndex
For loop
While loop

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; rv:109.0) Gecko/20100101 Firefox/117.0

Browser/OS: Firefox 117 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
Array.prototype.findIndex	3141.1 Ops/sec
For loop	11428.8 Ops/sec
While loop	8410.7 Ops/sec

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

Let's break down the benchmark and its various components.

Benchmark Definition JSON

The provided benchmark object defines two test cases:

Elastic find index fast: This is the name of the benchmark, which appears to be related to searching for an element in an array (specifically, finding an index where a certain value exists).
Script Preparation Code: The script generates an array arr with 100,000 elements and assigns each element a unique integer value from 0 to 99,999.
Html Preparation Code: This is empty, indicating that no HTML code needs to be prepared for the benchmark.

Individual Test Cases

The benchmark defines three test cases:

Array.prototype.findIndex
- Benchmark Definition: const index = arr.findIndex(item => item === 1E5);
- Purpose: Find the index of a specific element (in this case, 1E5) in the generated array using the findIndex method.
For loop
- Benchmark Definition: var index = -1; for(var i = 0; i < arr.length; i++) { if(arr[i] === 1E5) { index = i; break; } }
- Purpose: Find the index of a specific element in the array using a traditional for loop.
While loop
- Benchmark Definition: let index = -1; let i = 0; const len = arr.length; while (++i < len) { if (arr[i] === 1E5) { index = i; break; } }
- Purpose: Find the index of a specific element in the array using a traditional while loop.

Library

None of these test cases use a library specifically. They are built-in JavaScript methods.

Special JS feature or syntax

The findIndex method uses a modern JavaScript feature called arrow functions, which were introduced in ECMAScript 2015 (ES6). Arrow functions provide a concise way to define small, one-time use functions. In this case, the arrow function is used as a callback for the findIndex method.

Browser and Environment

The benchmark results are from running the benchmarks on a Firefox 117 browser on a Mac OS X 10.15 desktop environment.

Other Alternatives

To measure which of these approaches is faster, one could also use:

Other JavaScript engines like V8 (Chrome) or SpiderMonkey (Firefox)
Different programming languages (e.g., Python, Java) to compare the performance of each approach
Online benchmarking tools like JSHint, JSPerf, or Benchmark.js

Keep in mind that the results may vary depending on the specific environment and hardware used.

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its various components.

**Benchmark Definition JSON**

The provided `benchmark` object defines two test cases:

1. **Elastic find index fast**: This is the name of the benchmark, which appears to be related to searching for an element in an array (specifically, finding an index where a certain value exists).
2. **Script Preparation Code**: The script generates an array `arr` with 100,000 elements and assigns each element a unique integer value from 0 to 99,999.
3. **Html Preparation Code**: This is empty, indicating that no HTML code needs to be prepared for the benchmark.

**Individual Test Cases**

The benchmark defines three test cases:

1. **Array.prototype.findIndex**
	* Benchmark Definition: `const index = arr.findIndex(item => item === 1E5);`
	* Purpose: Find the index of a specific element (in this case, `1E5`) in the generated array using the `findIndex` method.
2. **For loop**
	* Benchmark Definition: `var index = -1; for(var i = 0; i < arr.length; i++) { if(arr[i] === 1E5) { index = i; break; } }`
	* Purpose: Find the index of a specific element in the array using a traditional for loop.
3. **While loop**
	* Benchmark Definition: `let index = -1; let i = 0; const len = arr.length; while (++i < len) { if (arr[i] === 1E5) { index = i; break; } }`
	* Purpose: Find the index of a specific element in the array using a traditional while loop.

**Library**

None of these test cases use a library specifically. They are built-in JavaScript methods.

**Special JS feature or syntax**

The `findIndex` method uses a modern JavaScript feature called **arrow functions**, which were introduced in ECMAScript 2015 (ES6). Arrow functions provide a concise way to define small, one-time use functions. In this case, the arrow function is used as a callback for the `findIndex` method.

**Browser and Environment**

The benchmark results are from running the benchmarks on a Firefox 117 browser on a Mac OS X 10.15 desktop environment.

**Other Alternatives**

To measure which of these approaches is faster, one could also use:

* Other JavaScript engines like V8 (Chrome) or SpiderMonkey (Firefox)
* Different programming languages (e.g., Python, Java) to compare the performance of each approach
* Online benchmarking tools like JSHint, JSPerf, or Benchmark.js

Keep in mind that the results may vary depending on the specific environment and hardware used.

Related benchmarks:

Elastic find index fast (version: 0)

Measuring which is faster

Comparing performance of: Array.prototype.findIndex vs For loop vs While loop

Created: one year ago by: Guest

Jump to the latest result

Array.prototype.findIndex